NV-Galleryblock als Slider im Header

Michel_61 · Beitrag von **Michel_61** » 04.01.2012 16:25

Moin,

ich hab über die Suche nichts gefunden, wobei ich Programmiertechnisch nichts kann ausser nach Anleitung Fehler zu suchen.
Was ich suche, ist die Möglichkeit aus der Gallery von Nickvergessen in der Version 1.1.4, aus einem extra dafür erstellten Album 3 Bilder gleichzeitig im Header anzeigen zu lassen.
Also im Prinzip ein Slider der minütlich eines der drei Bilder wechselnd austauscht. Die Bilder sollen nicht höher wie 60 px sein und anstelle der "serchbox" im Header eingebaut sein.

Kennt jemand da was für, oder ist das mit einfachen Mitteln zu bewerkstelligen, oder ist es was für die Jobbörse?

Die Gallery ist lauffähig installiert. Das Style ist Prosilver mit leicht abgeänderter coulors.css und der Common.css sowie geänderter Bilddateien im imageordner des theme-pfades.
Der link zum Forum http://www.fj-europatreff.eu/forum_10_1211/portal.php , bei bedarf mache ich einen Zugang auf.

phpBB 3.0 Mods · Beitrag von **hackepeter13** » 04.01.2012 17:03

Es gibt doch für das Portal sicherlich einen Galerie-Block, bzw. auch im Forum-Index, wo zufalls oder neue Galerie-Bilder angezeigt werden.

Rein teoretisch, müsstest du dir nur ein Slide-Script aus dem Internet suchen (über google lassen sich tauschende kostenlose Scripte finden) und diese dann miteinander (den html-Codeteil) vereinen.

Sprich sodas im Slide-HTML Teil nicht mehr selbst festgelegte Bilder geladen werden, sondern die aus der Galerie.
Würde sicherlich etwas fummelarbeit sein, sollte aber machbar sein.
Den Gedanke mich an sowas ranzusetzen hatte ich auch schon, nur die Zeit hat gefehlt. ^^

Michel_61 · Beitrag von **Michel_61** » 04.01.2012 17:11

Ja, Danke für den Hinweis,

diese Möglichkeiten habe ich mir angesehen und muss mangels meiner Programmierkenntnisse passen.

Ich hab es deshalb noch nicht in die Jobbörse gestellt, weil ja eben die Galerie und der Galerieblock, vorhanden sind. Es gibt die Dateien im ACP zur Einstellung der Blöcke und auch die Alben kann man festlegen. Also so rundherum ist ja schon mal eine Menge da.
Ich denke, weiss es aber nicht eben wegen der fehlenden Kenntnisse, nicht genau, das da ein Slider mit einem Album verknüpft, als HTML-Code in die overall_header.html an die Stelle der searchbox gestellt werden muss.
Aber wie man das macht, dazu reichen meine Kenntnisse nicht. Gesehen hatte ich so etwas schon mal, vor Jahren aber und ich weiss nicht, ob es ein phpbb Forum war....

Michel_61 · Beitrag von **Michel_61** » 05.01.2012 14:19

Moin,
so, is ja nich so das ich nicht willig bin...

Aber vielleicht kann mir ja dabei mal jemand Helfen bitte

Ich habe was ergoogelt: http://die.netzspielwiese.de/blog/javas ... -slideshow

Danach habe ich gemäss den anweisungen mal überlegt wie ich das ins phpbb rein bekomme und habe folgendes gemacht:

Im Root ein Verzeichnis angelegt: "slideshow"
Nach der Vorgabe eine "slideshow.css" erstellt und wie die anderen MOD´s in der Stylesheet.css eingebunden. Siehe auch angefügten Codeauszug:

Code: Alles auswählen

@import url("gallery.css");
@import url("mchat.css");
@import url("garage_content.css");
@import url("slideshow.css");

Eine Datei namens "slideshow.js" gemäß dem Code der vorgegeben ist erstellt und in das Verzeichnis "sliedeshow" kopiert.
Bilder in das gleiche Verzeichnis kopiert und mit "img001.jpg", vortlaufend benannt.
Diese Zeile der slideshow.js nach vorgabe angepasst:

Code: Alles auswählen

var d=document, bilder = new Array(), zInterval = null, aktuell=0, pause=false; bilderAnzahl=5; bilderPfad="http://www.fj-europatreff.eu/forum_testz/slideshow/img"; geschwindigkeit=3000;

Für die html Geschichten hab ich mir überlegt das ich die overall_header entsprechend den beiden nächsten Codes ändere:

Dieser Code befindet sich im Kopfbereich der Headerdatei.

Code: Alles auswählen

<script type="text/javascript" src="http://www.fj-europatreff.eu/forum_testz/slideshow/slideshow.js"></script>
<!-- ENDIF -->
<head>

Und diesen Code habe ich anstelle der Searchbox eingefügt:

Code: Alles auswählen

		<!-- IF S_DISPLAY_SEARCH and not S_IN_SEARCH -->
		<!-- Slideshow -->
			<div id="slideshow">
			<img class="start" src="http://www.fj-europatreff.eu/forum_testz/slideshow/img001.jpg" />
			</div>
		<!-- ENDIF -->

Das IF S_Display_SEARCH steht ja in Klammern, ich hab es drin gelassen um noch eine Orientierung zu haben wo ich bin..

So, soweit so gut, es funktioniert soweit, bis auf dass das Bildchen nicht anstelle der Searchbox angezeigt wird, sondern über dem Logo liegt.
Hier mal der Link zu meinem Testforum: http://www.fj-europatreff.eu/forum_testz/portal.php

Wäre bitte jemand so nett und kann mir erklären warum das Bild jetzt nicht anstelle der searchbox rechts im header angezeigt wird, sondern auf der linken Seite? Und, die Bilder wechseln nicht, kann aber den Fehler nicht sehen.

phpBB 3.0 Mods · Beitrag von **hackepeter13** » 05.01.2012 14:33

Michel_61 hat geschrieben:Dieser Code befindet sich im Kopfbereich der Headerdatei.
Code: Alles auswählen
<script type="text/javascript" src="http://www.fj-europatreff.eu/forum_testz/slideshow/slideshow.js"></script>

Sieht schon mal nach einem Einbaufehler aus.

 beendet eine geöffnetes  und sorgt dafür das der Teil innerhalb der IF und ENDIF nur an bestimmten Stellen/Situationen geladen wird.

Daher (wie man auch am Quelltext erkennt) wird die slideshow.js auch nicht geladen.

Kopiere also <script type="text/javascript" src="http://www.fj-europatreff.eu/forum_testz/slideshow/slideshow.js"></script> nach  rein, bzw. vor </head>

Michel_61 · Beitrag von **Michel_61** » 05.01.2012 14:46

Danke schon mal für den Hinweis, hatte dem zu folge sogar mehrere Fehler drin und hab die anderen beiden script types gleich mit verschoben.
Sieht jetzt so aus:

Code: Alles auswählen

<!-- INCLUDE classifieds_header_include.html -->
<!-- INCLUDE gallery/plugins_header.html -->
<!-- IF S_MCHAT_ENABLE and (S_MCHAT_ON_INDEX or U_MCHAT) -->
<!-- ENDIF -->
<script type="text/javascript" src="{ROOT_PATH}mchat/jquery-1.5.0.min.js"></script>
<script type="text/javascript" src="{ROOT_PATH}mchat/jquery_cookie_mini.js"></script>
<script type="text/javascript" src="http://www.fj-europatreff.eu/forum_testz/slideshow/slideshow.js"></script>
<head>

Ich hoffe mal das ist fachlich richtig so?

Der Slide ist aber leider immer noch nicht aktiv, Template..... cache... auch via FTP geleert.

Michel_61 · Beitrag von **Michel_61** » 05.01.2012 15:30

Hallo,
um das ab zu trennen, das Bild hab ich im Header nach rechts bekommen

(schulterklopf vor Stolz)
Und zwar habe ich mir die Common.css angeschaut und mir von der Einstellung der Searchbox die Syntax rüber kopiert. Ich befürchte allerdings, das ich dabei auch doppelten Blödsinn verzapft habe. Es funktioniert, ob aber fachlich richtig? Bitte, vielleicht kann da mal jemand drüber schauen?

Code: Alles auswählen

/* SLIDESHOW */
#slideshow {
 height:100px; /* hier Hoehe der Slideshow-Bilder angeben */
 position:relative;
 float: right;
 margin-top: 5px;
 margin-right: 5px;
}
#slideshow img {
 display:none;
 position:relative;
 float: right;
 margin-top: 5px;
 margin-right: 5px;
}
#slideshow img.start {
 display:block;
 position:relative;
 float: right;
 margin-top: 5px;
 margin-right: 5px;
}

Das die original Datei wie sie nach obigen Link erstellt werden sollte, gändert von mir durch ausprobieren....

phpBB 3.0 Mods · Beitrag von **hackepeter13** » 05.01.2012 15:52

Ich habe mir eben wieder deinen Quelltext angesehen:

Code: Alles auswählen

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="de" xml:lang="de">
 
  	<link rel="alternate" type="application/rss+xml" title="testzforum oooooooooooooooooooooo" href="http://www.fj-europatreff.eu/forum_testz/buysell/feeds.php" />
  
<script type="text/javascript" src="http://www.fj-europatreff.eu/forum_testz/slideshow/slideshow.js"></script>
 
<head>

und wie man sieht hat du meinen Beitrag nicht ausmerksam gelesen.

Ich schrieb nicht vor <head> sondern vor </head> <- beachte das /

PS: auch das andere für den classifieds-Mod (also

<link rel="alternate" type="application/rss+xml" title="testzforum oooooooooooooooooooooo" href="http://www.fj-europatreff.eu/forum_testz/buysell/feeds.php" />

) gehört nicht vor <head>

Du solltest da auch in den Mod-Anleitung einiges aufmerksam beachten, sonst ist das kein Wunder das noch andere Dinger fehlerhaft funktionieren.

Michel_61 · Beitrag von **Michel_61** » 05.01.2012 16:14

Auuu

wer lesen kann ist klar im Vorteil

Danke für die Hinweise, hab alles entsprechend geändert, Galerie und MChat waren davon ja auch noch betroffen

Peinlich...

So, alle caches, auch den auf dem FTP ohne index.htm und .htacces, gelöscht, vorher den Style komplett aktualisiert..... leider slidet da noch nix

phpBB 3.0 Mods · Beitrag von **hackepeter13** » 05.01.2012 16:36

Michel_61 hat geschrieben:leider slidet da noch nix

Laut der Anleitung des Slidescript, benötigt es Bilder mit einer fortlaufenden Nummer.

Bilder für die Slideshow erstellen und nummeriert mit Endung 001.jpg bis 00x.jpg in einem Ordner auf dem Webserver speichern.
z.B. http://www.meinedomain.de/slideshow/image-001.jpg usw.

Hast du also auch img002.jpg usw. erstellt und hochgeladen?

Aber hier würde ich später durchaus ein Problem mit dem verknüpfen des Galerie-Mods sehen, da die Bilder in der Galerie nicht mit einer fortlaufenden Nummer abgespeichert werden.

Am einfachste wäre ein Slide-Script zu nehmen, welches schlicht und einfach automatisch Bilder aus einen zugewiesenen Ordner lädt, da könntest du dann den Galerie-Image Ordner beim Slidescript angeben und schon lädt er da die Bilder aus.

phpBB.de

NV-Galleryblock als Slider im Header

NV-Galleryblock als Slider im Header

Re: NV-Galleryblock als Slider im Header

Re: NV-Galleryblock als Slider im Header

Re: NV-Galleryblock als Slider im Header

Re: NV-Galleryblock als Slider im Header

Re: NV-Galleryblock als Slider im Header

Re: NV-Galleryblock als Slider im Header

Re: NV-Galleryblock als Slider im Header

Re: NV-Galleryblock als Slider im Header

Re: NV-Galleryblock als Slider im Header