Wechselnde Bilder im Header und wechselnde Header

[themaker]

Guten Abend,

ich bin neu hier und beginne auch gerade erst mit der ernsthaften Arbeit im WB.

Ich benötigen für ein Projekt wechselnde Bilder/Fotos im Header, kombiniert mit wechselnden Headern.

Erklärung:

Es wird ein einheitliches Header-Design geben, dass je nach angewähltem Menüpunkt einen Teilbereich
farblich ändert, sodass der User immer erkennen kann, in welchem Homepage-Bereich er sich befindet.

Beispiel:
Alle Früchte im Header sind schwarz weiß. Wählt der Use im er Menü den Punkt Banane, wechselt WB zur Seite Banane und die Banane im Header wird bunt. Analog läuft es mit den anderen Menüpunkten und Früchten (nur ein Beispiel).

Jetzt möchte ich zusätzlich, dass es im Header einen Bereich gibt, der generell und immer (unabhänigig) von der gewählten Unterseite drei bis vier Fotos automatisch und in einer Endlosschleife überblendet.

Kann man so etwas im WB realisieren und wenn ja, wie?

Die im Anhang befindliche Grafik zeigt grob, wo ich die wechselnden Bilder im Header platzieren möchte.

Über Hilfe und Anregungen bin ich sehr dankbar.

LG
Thomas

[chio]

Da gibt es etliche fertige Lösungen, die so ähnlich sind.
Schau mal da:
Überblendungen:
http://websitebaker.at/wb-templates/template-officetime.html
http://websitebaker.at/wb-templates/template-webarte-greenme.html
http://websitebaker.at/wb-templates/template-blofade.html
Harter Wechsel:
http://websitebaker.at/wb-templates/template-journey.html
http://websitebaker.at/wb-templates/template-blockit.html

Für das, was du genau willst, musst du das etwas adaptieren, aber klar - ist möglich.
zb:
http://www.eggstrememachines.net/eggs/x-wing-fighter.php

[maverik]

das im webarte greenme verwendete script, ultimate slideshow von dynamicdrive, lässt sich problemlos in jedes template integrieren

http://www.see-canada.de
http://www.nehrig-events.de

[bakerling]

Hallo

Ja die ultimate slideshow von dynamicdrive ist schön. Leider sieht man bei deaktiviertem Javascript nichts von den schönen Überblendungen.

Es gibt eine Fade-in Slideshow von www.bretteleben.de, die noch einfacher einzubinden ist.
http://www.bretteleben.de/lang-de/javascript/slideshow.html
Hier kann man ein Bild bestimmen, welches der User sieht, wenn er Javascript deaktiviert hat.

Eine schöne Alternative ist auch das Slider Script im Tutorial von erpe
http://www.websitebakers.de/tutorials/topics/slider-im-template.php

LG Harry

[mr-fan]

noch einer damit alle komplett sind hier:

http://www.websitebakers.de/tutorials/topics/wechselnde-headergrafiken.php?p=5

mfg martin

[dbs]

und noch einer: http://malsup.com/jquery/cycle/
das teil ist very leicht. alle bilder außer dem ersten bekommen noch die klasse hide bzw. display:none und damit sieht man bei ausgeschaltetem javascript eben nur das erste bild.

[erpe]

und dafür gibt es sogar ein fertiges Plugin in der jQueryLibrary mit Namen "Cycle-all".

Gruss

erpe

[Stefek]

Hier gibt es auch eine funktionstüchtige Lösung:
http://www.websitebaker2.org/forum/index.php/topic,17590.0.html

Das ganze wird in den Templateordner geschoben und die verwendeten Grafiken kommen in das Mediaverzeichnis.
Man kann auch für Unterseiten Bilder anlegen oder die Unterseiten die selben Bilder verwenden lassen, wie deren "Eltern".

Mit ausgeschaltetem JS wird der ganze Block entfernt.
(wir sprechen hier von einer geringen Anzahl potenzieller Besucher, die JS ausgeschaltet haben).

Gruß,
Stefek

[erpe]

Kannst ja mal eben ein Plugin für den jQueryAdmin draus machen......
Dann braucht es auch nicht mehr in den Templateordner.

Gruss

erpe

[Stefek]

Ne, keine Lust. 
jQuery Admin finde ich übel.

(nichts persönliches)

[erpe]

Na dann nicht.
Das ist ja das Schöne, dass jeder es so machen kann wie er will.

Gruss

erpe

[Stefek]

Jo, danke fürs Verständnis

[Ralph]

Hallo zusammen,

ich such jetzt auch schon eine ganze Weile nach einer Lösung zu einem ähnlichen Problem, hatte anfangs gedacht wird ein leichtes Spiel aber so ist das nun mal. 
Ich will es ja garnicht so kompliziert mit JS Übergangen, Slideshow etc.

So hier mein Wunsch:
Den Hauptmenüpunkten sollen bestimmte Headergrafiken zugeordnet werden, welche dann auch auf allen Ebenen unter dem Menüpunkt erscheinen. Wenn einem Hauptmenüpunkt nicht expliziet ein Bild zugeordnet wird soll ein Standardbild erscheinen. Die Lösungen die ich gefunden habe beziehen sich auf die Page_ID oder auf den Seitennamen. Das würde heissen, man müßte bei jedem anlegen einer neuen Unterseite die Headergrafik zuordnen.

Gibt es hier nicht eine simple Lösung dies über sowas wie eine Parent_ID zu bewerkstelligen. Ich habe mich schon mit dem Script "innerfade" auseinandergesetzt, welche ja wohl diese Parent Geschichte mit abhandelt, daher auch mein Gedanke daran. Leider übersteigt das meinen Horizont und scheint mir nicht das richtige zu sein . Vielleicht hat ja jemand eine gute Idee. Es würde sich um drei bis vier unterschiedliche Headerbilder handeln die jeweils einer Parent ID zugeordnet werden, da müsste doch was mit IF Abfragen in PHP zu machen sein.?


Gruß Ralph

[egnal]

@ ralf
Eine Lösung sieht z.B. so aus:
In der index.php:

Code:

<div class="bildbox" id="bannerbild<?php echo $page_id; ?>">&nbsp;
...
</div>

In der CSS:

Code:

.bildbox {width: 800px; height:200px; background: url(standard.jpg) top left no-repeat;} /*standardbild*/

#bannerbild2  {background: url(bild2.jpg);}  /*zweite Seite*/
#bannerbild0  {background: url(suche.jpg);}    /*Suchseite*/
#bannerbild12 {background: url(bild12.jpg);}

die Zahl hinter "bannerbild" ist die Seiten-ID

[Ralph]

Hallo Egnal,

soweit ist mir die Sache klar, aber jede Unterseite hat eine andere Page_ID daher müsste jede neue Unterseite vom Hauptmenüpunkt mit in die CSS eingetragen werden. Wäre bei normalen Moderatoren ein Unding diese an die CSS zu lassen! Was ich meine ist:
Hauptmenü ist:

Banane --> hat Seiten ID=5, Parent ID  ?, wird Bild xyz.jpg zugewiesen
Menü zweiter Level: kleine Banane  hat Seiten ID 25 --> kleine Banane erbt von Banane --> Bild xyz.jpg über die Parent ID.

So oder so ähnlich stelle ich mir das vor. Für die Zuordnung zum Untermenü, dass es auch da angezeigt wird, muss doch noch eine ande eindeutge ID außer die Page ID geben.

Ralph

[dbs]

hier gabs mal einen ansatz dazu:
http://www.websitebaker2.org/forum/index.php/topic,7593.msg106777.html#msg106777

[egnal]

Oder auch einmal hier schauen:
http://www.websitebakers.de/tutorials/topics/wechselnde-headergrafiken.php

[Ralph]

Hallo zusammen,
Ich hab hier mal ein Droplet gemacht:

global $database, $wb;
$return = " ";
$query = "SELECT root_parent FROM ".TABLE_PREFIX."pages";
$result = $database->query($query);

while($row = $result->fetchRow())   {

          if ((PAGE_ID or $row["root_parent"])=="3"){
         $return="Bild_2.jpg"; }
         
         if ((PAGE_ID or $row["root_parent"])=="4"){
         $return="Bild_3.jpg"; }
         
         else { $return="Standardbild.jpg"; }
     }

return $return;

Komischerweise gibt er immer den Wert der zweiten IF Bild_3.jpg zurück.
Was mache ich hier falsch?

Gruß Ralph

[chio]

ROOT_PARENT brauchst du nicht aus der DB holen, das ist ohnehin als Konstante vorhanden.
Wichtiger ist ein Check, ob das Bild überhaupt existiert.

[Stefek]

So hier mein Wunsch:
Den Hauptmenüpunkten sollen bestimmte Headergrafiken zugeordnet werden, welche dann auch
auf allen Ebenen unter dem Menüpunkt erscheinen.

Wenn einem Hauptmenüpunkt nicht expliziet ein Bild zugeordnet wird soll ein Standardbild erscheinen.

Die Lösungen die ich gefunden habe beziehen sich auf die Page_ID oder auf den Seitennamen.
Das würde heissen, man müßte bei jedem anlegen einer neuen Unterseite die Headergrafik zuordnen.

Hallo,
hast Du meinen obigen Post schon gelesen und das Script angeschaut?
http://www.websitebaker2.org/forum/index.php/topic,18496.msg123320.html#msg123320

Bei dieser Lösung kannst Du einstellen, ob die Unterseiten je ein eigenes Bild verwenden oder das des PARENTS verwenden.

Schau mal, vielleicht hilft es Dir weiter.
Funktioniert auch ohne dbQueries.

Gruß,
Stefek

[Ralph]

Ich fass mir an den Kopp, so einfach geht das. Hätte mir auch vorher, spätestens nach der Verwendung der Konstanten PAGE_ID, ein Licht aufgehen können.
Ich habs jetzt so gelöst, nicht schön aber geht und ich brauch ja nur 3 unterschiedliche Headerbilder.

if ((ROOT_PARENT)=="3"){ return "ID_3.jpg";}
if ((PAGE_ID)=="3"){ return "ID_3.jpg";}

if ((ROOT_PARENT)=="8"){ return "ID_8.jpg";}
if ((PAGE_ID)=="8"){ return "ID_8.jpg";}

if ((ROOT_PARENT)=="5"){ return "ID_5.jpg";}
if ((PAGE_ID)=="5"){ return "ID_5.jpg";}

else {return "Standardbild.jpg";}

Mit der ODER Verknüpfung in der IF Abfrage gab es Probleme, daher so.
Danke an alle
Gruß Ralph

[themaker]

Hallo,

es läuft bei mir mittlerweile sehr gut.

Hier könnt ihr Euch einen Einblick verschaffen:
http://www.superbmedia.bplaced.net/new_directory/

Allerdings habe ich jetzt noch ein weiteres Problem...

...wie schaffe ich es, dass der User beim Klick auf diesen Wechselnden-Header-Bereich
automatisch wieder auf die Home-Seite gelangt (ist standardmäßig bei den mit WB mitgelieferten Templates der Fall, oder?)

Über erneute Hilfe würde ich mich sehr freuen.

Vielen Dank!

LG
themaker

[Branky]

Hallo Leute,

ich habe mir diese Version für die Bildübergänge mal genauer angesehen.

http://websitebaker.at/wb-templates/template-officetime.html

 Gefällt mir sehr gut. Gibt es bei diesem Script auch die Möglichkeit die Dauer der Überblendung einzustellen. Hätte gerne einen längeren Übergang.

Gruß Branky

[BlackBird]

Das Teil benutzt diese Slideshow hier:

http://www.dynamicdrive.com/dynamicindex14/fadeinslideshow.htm

Allerdings in einer viel älteren Version. (1.51) Mußt halt mal probieren.

[bakerling]

Hallo Branky

Ich verwende dieses Teil auch. Ich wollte auch gerne die Überblendungszeit ändern, habe aber keine Möglichkeit gefunden und habe es dann halt so belassen. Mir war noch wichtig, dass bei deaktiviertem Javascript ein Standbild angezeigt wird, was beim Originalscript von dynamicdrive nicht der Fall ist.
in der neuen Version v2.4 auf http://www.dynamicdrive.com/dynamicindex14/fadeinslideshow.htm gibt es die Möglichkeit die Überblendungszeit einzustellen. Ich habe es jedoch noch nicht ausprobiert. Die neue Version verwendet jQuery. Ich setze auf der gleichen Seite jQueryAdmin ein und weiss nicht, ob sich die beiden in die Quere kommen. (zweimaliger jQuery-Aufruf?)
Wenn ich mal etwas mehr Zeit habe, werde ich es aber mal ausprobieren.

Bei anderen Seiten verwende ich für wechselnde Bilder im Header das jQuery Plugin cycle-all. Hier kannst Du alles mögliche einstellen u.a. auch die Überblendungszeit. Ich bin sehr zufrieden damit. Der einzige Nachteil ist, dass bei deaktiviertem Javascript alle Bilder untereinander angezeigt werden.

LG Harry