Header mit Cover-Wähler

[Coulyo]

Hallo,

Ich hoffe die Überschrift führt nicht in die Irre, aber ich hab keinen besseren Namen für das gefunden, was ich möchte.

Ich möchte einen Header wie auf dieser Seite haben. Also ein Bild und darunter eine Leiste mit Bildern. Bei Klick auf ein Bild in der Leiste erscheint das jeweilige Bild groß im Header und wird in der Bilderleiste gehighlighted.

Ich rate einfach mal, dass das mit Javascript realisiert wurde. Ich hab wenig Erfahrung mit Javascript, aber die grundlegendsten Grundlagen kenne ich.
Wie kann also dieser Header möglichst einfach nachgebaut werden?

Danke!

 

[Duddle]

AW: Header mit Cover-Wähler

Das einfachste ist immer, in den Quellcode selbst zu schauen und die <script>-Tags zu durchforsten. In diesem Fall findest du dann u.a. folgendes:

<script type="text/javascript" src="http://cdn.rocketjump.com/wp-content/themes/rj/js/jquery.cycle2.min.js"></script>
<script type="text/javascript" src="http://cdn.rocketjump.com/wp-content/themes/rj/js/jquery.cycle2.carousel.min.js"></script>
<script type="text/javascript" src="http://cdn.rocketjump.com/wp-content/themes/rj/js/jquery.tinycarousel.min.js"></script>

Nach diesen Scripts suchst du dann und landest bei Cycle2, wessen Demo "Carousel Pager" so ziemlich genau das ist, was auf der Seite passiert (natürlich optisch angepasst).


Duddle

 

[fakerer]

AW: Header mit Cover-Wähler

hallo,
du kannst einfach bei hover oder active ein bild über den ursprünglichen header legen,
wurde dort auch so gemacht soweit ich das auf die schnelle gesehen habe.

 

[Coulyo]

AW: Header mit Cover-Wähler

Danke, hat funktioniert!