jQuery Cycle - Kein Fade-Effekt bei Slideshow

  • Moin,

    ich versuche seit heute Morgen für unsere Firmenseite das jQuery Cycle Tool für eine Slideshow zum laufen zu bringen... Leider bisher ohne Erfolg.
    Der Fade-Effekt wird einfach nicht gestartet, die Bilder nur starr untereinander angezeigt...

    Einbindung ist wie folgt;
    in der functions.php

    Geladen werden die Scripte auch im Footer, wie es sein soll.

    Aufruf des Cycle-Scripts ebenfalls im Footer;

    HTML
    <script type="text/javascript">
    /* <![CDATA[ */
      jQuery(document).ready(function() {
        jQuery('.slideshow').cycle({
            fx: 'fade' 
    });
    /* ]]> */
    </script>

    Die Slideshow ist in extra Template ausgelagert;

    PHP
    <?php // Hole Bilder und zeige je nach Seite / Kategorie
                $imgpfad = get_bloginfo ('template_directory');
            
                /* Bilder der Starseite */
                if (is_home()) {
                    echo ('<img src="'.$imgpfad.'/slideshow/Landhaus-Panorama.jpg" title="Landhaus-Panorama" width="950" height="250" />');
                    echo ('<img src="'.$imgpfad.'/slideshow/plisseestoffe.jpg" title="Plisseestoffe" width="950" height="250" />');
                    }
                    
                    ?>

    Aufruf funktioniert auch, nur dass die Bilder nicht " faden "... Hat jemand einen Tipp?

    Danke
    Thomas

    • Anzeige

    Hallo!

    Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

    • ✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
    • ✔️ Deutsche Server & DSGVO-konform
    • ✔️ Persönlicher Support (kein 0815-Ticket-System)

    Mehr erfahren

  • Gelöst!

    Moin,

    das Problem ist gelöst.

    PHP
    wp_register_script('cycle', $pfad.'/js/cycle/jquery.cycle.lite.min', false, '', true);

    kann nicht funktionieren, denn es sollte ja noch die Endung .js angegeben werden... :shock:

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!