WBCE CMS Forum

z650b1

Mitglied

findresp mit flexslider unter dem Hauptmenue geht das?

Hallo,

ich würde gerne in findresp das header.jpg mit dem fllexslider wechseln. Über dem header.jpg liegt ja der navi. Ist es überhaupt möglich das zu bewerkstelligen?

Danke für eure Hilfe.

Beitrag geändert von z650b1 (10.06.2018 16:35:48)

florian

Administrator

Re: findresp mit flexslider unter dem Hauptmenue geht das?

Hallo und willkommen,

mit dem Flexslider geht es (vermutlich) nicht, aber mit jquery-Backstretch. Und das auch recht einfach.

1. Lade Dir von http://www.jquery-backstretch.com/ das Script jquery.backstretch.min.js herunter
2. Kopiere es ins Templateverzeichnis Deiner Website (also /templates/findresp/)
3. Ergänze am Ende der /templates/findresp/index.php die folgenden Zeilen:

<script type="text/javascript" src="<?php echo TEMPLATE_DIR; ?>/jquery.backstretch.min.js"></script>
<script>
        $(".headerbox").backstretch([
          "<?php echo TEMPLATE_DIR;?>/img/h1.jpg",
          "<?php echo TEMPLATE_DIR;?>/img/h2.jpg",
          "<?php echo TEMPLATE_DIR;?>/img/h3.jpg"
        ], {
            fade: 750,
            duration: 4000
        });
    </script>

Das ist die Beispielimplementierung für 3 wechselnde Hintergrundbilder, die in /templates/findresp/img liegen und h1.jpg, h2.jpg, h3.jpg heißen. Natürlich kannst Du auch mehr als 3 Bilder durchsliden lassen. Willst Du diese im Medienverzeichnis hinterlegen und sollen diese z.B. slide1.jpg, slide2.jpg usw. heißen, sähe der Code so aus:

<script type="text/javascript" src="<?php echo TEMPLATE_DIR; ?>/jquery.backstretch.min.js"></script>
<script>
        $(".headerbox").backstretch([
          "<?php echo WB_URL;?>/media/slide1.jpg",
          "<?php echo WB_URL;?>/media/slide2.jpg",
          "<?php echo WB_URL;?>/media/slide3.jpg",
          "<?php echo WB_URL;?>/media/slide4.jpg"
        ], {
            fade: 750,
            duration: 4000
        });
    </script>

Weitere Varianten (unterschiedliche Bilder für unterschiedliche Seiten, statische Bilder auf bestimmten Seiten bzw. Bildwechsel nur auf der Startseite usw.) sind natürlich auch möglich, das zu erklären würde hier aber zu weit führen.

z650b1

Mitglied

Re: findresp mit flexslider unter dem Hauptmenue geht das?

Hallo Florian,

ich danke dir für die schnelle Hilfe  .

Es schien so als ob es gehen würde bzw. im Prinzip geht es ja auch, aber bei jedem Seitenwechsel wird der Script neu geladen und es wird wieder die erste Datei angezeigt. Das ist dann ganz schön zappelig.

Ich hab das ganze jetzt noch mit dem Vegas Background Slider probiert aber das wird genauso.

Gruß
Roman

Beitrag geändert von z650b1 (10.06.2018 20:21:47)

florian

Administrator

Re: findresp mit flexslider unter dem Hauptmenue geht das?

Eine Slideshow ist immer zappelig.
Du kannst mal die hier versuchen einzubauen, die merkt sich das zuletzt angezeigte Bild.
http://www.dynamicdrive.com/dynamicinde … rousel.htm
Setzt dafür allerdings einen eigenen Cookie => Datenschutzerklärung

grindbatzn

Gast

Re: findresp mit flexslider unter dem Hauptmenue geht das?

Auch wenn ein Cookie gesetzt wird, "flackert" es beim Seitenwechsel, weil der Slider neu initialisiert werden muss.

Das ist auch der Grund, warum man sowas meist nur auf der Startseite hat. Ein dauernder Slider nervt.