Jquery Slider Einbau

  • Leider habe ich immer noch Probleme einen Slider in die Webseiten einzubauen. Sie werden nicht nach Vorgabe animiert.

    Ich habe versucht das Problem mit dem Layout "Smart Responsive" einzugrenzen. Ich habe sämtlich Verzeichnisse und
    Dateien der Webseite gelöscht, so dass nur noch die Index.html übrig geblieben ist. Dennoch funktionierte der eingebaute
    Slider immer noch nicht. Nachdem ich auch innerhalb der index.html mehrere Script Zeilen gelöscht hatte, wurde
    der Slider irgendwann korrekt ausgeführt. Die Seite selber war natürlich dann nicht mehr zu gebrauchen.

    Der Slider selber funktioniert in einer eigenen Demo Seite einwandfrei.

    Damit sie das selber einmal testen und nachstellen können, habe ich ihnen gerade die nötigen Slider Dateien
    zum Einbinden hochgeladen "Testslider.zip" Eine Anleitung liegt als html ebenfalls bei.

    Zur Zeit binde ich die Slider als iframe ein, was auch funktioniert. Es wäre aber schön, wenn ich den Umweg nicht machen
    müsste.


    Gruss swork




    Zeta Producer Version: v12.5.6 Business

  • Nein, der Upload von den Dateien ging direkt als Projectupload an den Zeta Support.

    Gruss swork




    Zeta Producer Version: v12.5.6 Business

  • Hallo,

    wir können nur sehr begrenzt helfen, wenn es um das Einbinden von fremden Code geht.

    Sie haben uns nun das ZIP mit den original Quelldaten von Wowslider gesendet. Nun müssten Sie uns nur noch beschreiben, wie Sie genau beim Einbinden in Zeta Producer vorgegangen sind.

    Freundliche Grüße
    Stefan S. (Zeta Producer-Support)

  • Ich erklär mal, wie ich den Slider eingebunden habe:

    Damit auch die vom Slider benötigten Dateien von ZP verwaltet werden, importiere ich diese in der Zeta Producer Dateiverwaltung. Hierzu lege ich die entsprechenden Ordner als Unterordner des "Hauptordner" an:

    Dann importiere ich die Dateien aus den entsprechenden Ordnern in die entsprechend gleichnamigen Ordner in der ZP Dateiverwaltung.

    Beim erstellen der Seiten liegen diese Ordner dann aber nicht im Site-Root, sondern innerhalb von /media/files/ – das muss bedacht werden!

    Nun füge ich den Code für den <head> Bereich der Seite in das Attribut "mobile_script" ein und bearbeite alle Pfade zu den externen Dateien und Stelle den Pfaden ein "media/files" davor. Der eingefügte Code sieht dann beispielsweise so aus:

    HTML
    <!-- Start WOWSlider.com HEAD section -->
    <link  type="text/css" href="media/files/engine1/style.css" />
    <script type="text/javascript" src="media/files/engine1/jquery.js"></script>
    <!-- End WOWSlider.com HEAD section -->

    Den Democode für den Slider, füge ich auf der entsprechenden Seite in einen Quelltext-Artikel ein und stelle auch hier allen Pfaden ein "media/files" voran:


    Nach einem Erstellen der Seite läuft der Slider bei mir ohne Probleme. Allerdings wird mit in ZP unten rechts ein JavaScript-Fehler angezeigt welcher das "Inline-Editing" (bearbeiten der Seite) zerstört, so dass ich die Seite nur noch in der Spaltenansicht (F8) bearbeiten kann. Das ist aber ein anderes Thema…

    Freundliche Grüße
    Stefan S. (Zeta Producer-Support)

  • PS: den Fehler mit dem Inline-Editing können Sie aktuell einfach vermeiden, indem Sie die Zeile <script type="text/javascript" src="media/files/engine1/jquery.js"></script> aus dem Attribut mobile_script einfach löschen bzw. gar nicht erst einfügen. Dadurch nutzt WowSlider dann die jQuery Version von Zeta Producer und nicht seine eigene (welche unser Inline-Editing zerstört, was wir aber in einem künftigen Update abfangen werden).

    Freundliche Grüße
    Stefan S. (Zeta Producer-Support)

  • Ich habe Ihre Variante natürlich mal getestet, aber sie funktioniert auch nicht. Haben sie in der wowslider.html beachtet, das der
    Slider nicht nur links und rechts scrollt, sondern sich als CUBE drehen soll ? Der Fehler ist ja gerade, das sich der Slider nur
    hin und her bewegt und sich nicht so darstellt wie er erstellt wurde. Hierfür benötige ich keine Scripte und jquery und könnte
    die Codes und Dateien löschen.

    Der Slider funktioniert problemlos, wenn ich den wowslider Code als erste Zeilen unter /head verschiebe. Weiter unten im
    Quellcode funktioniert er nicht mehr.

    Wie binde ich erfolgreich so Dateien ein:

    Ich kopiere die Dateien und Verzeichnisse auf den Webspace und ergänze die Pfade entsprechend:
    Beispiel: <img src="http://webspace.de/scripte/data1/images/img_0958.jpg"

    oder ich kopiere sie erstmal ins Root des Projectes in Preview und Output zum testen. Klappt immer.


    Es hat früher auch immer mit wowslider funktioniert, so lange man eine sehr alte Version benutzt, wo noch
    jquery 1.8 genutzt wurde. Das funktioniert auch heute noch prima mit der der aktuellen Zeta Version, aber
    mit der aktuellen Slider Version kann man natürlich noch mehr Funktionen nutzen und diese läuft mit
    der jQuery v1.11.2. Zeta Producer läuft noch mit einer viel älteren Version 1.7.1

    Wie gesagt, bei ihrem Test läuft der Slider bestimmt nur links rechts, was falsch ist. Kopiert man den Code
    direkt unter den /head, dann funktioniert es. Auch wenn ich das ganze per iFrame mache, funktioniert es.
    In einer Vorgängerversion von Zeta hatte ich auch schon mal die bundle.js von Zeta gelöscht, welche ebenfalls
    die veraltete jquery Version beinhaltet und danach lief der Slider auch. Irgendein Aufruf im Zeta html Code
    verhindert die Ausführung nachfolgender Scripte.

    Gruss swork




    Zeta Producer Version: v12.5.6 Business

  • Hallo,

    Sie hatten bisher nicht beschrieben, was Ihrer Meinung nach nicht korrekt funktioniert, so habe ich nur auf Fehler geprüft. Ich schaue mir das nochmals an. Seit Zeta Producer 12.5 ist ja die mitgelieferte jQuery-Version abgesichert und ein Widget oder Quelltext-Artikel kann grundsätzlich sein eigenes jQuery nachladen.

    Freundliche Grüße
    Stefan S. (Zeta Producer-Support)

  • Hallo,

    also ich komme in der mir zur Verfügung stehenden Zeit nicht dahinter, was hier schief läuft. Die jQuery Version von Wow-Slider wird definitiv geladen und ist dann auch aktiv. Die Datei script.js wird aber anscheinend nicht ausgeführt. Warum ist mir ein Rätsel.

    Wenn Sie die Kommerzielle Version von Wow-Slider nutzen, haben Sie dort ja evtl. auch support und können denen mal eine von Zeta Producer generierte Seite als Testfall zur Verfügung stellen.

    Freundliche Grüße
    Stefan S. (Zeta Producer-Support)

  • hallo Herr Seiz

    Erstmal danke für die Überprüfung. Ja, ich habe die Commercial Lizenz und kann es da natürlich mal hinschicken.
    Ich habe mich auch schon nach Alternativen umgeschaut, aber der Amazingslider funktioniert ebenso wenig.
    Hier reicht alleine schon den Script Code in den Head zu setzen, das eine Fehlermeldung erscheint und der
    Slider wird garnicht ausgeführt, nicht mal als Fallback CSS only, wie es Wowslider macht. Mmmm.

    Ich bin ja nicht für viel gezappel auf einer Internetseite, aber ein bisschen muss schon möglich sein
    um auf etwas aufmerksam zu machen. Vielleicht ist es ja möglich, das sie selber einen Slider
    einkaufen, ihn kompatibel halten und als Zusatzmodul verkaufen.

    gruss swork




    Zeta Producer Version: v12.5.6 Business

  • Hallo Herr Seiz

    Ich möchte Ihnen mitteilen, das ich ein Update für Wowslider erhalten habe und die Scripte funktionieren jetzt.


    Gruss swork




    Zeta Producer Version: v12.5.6 Business

  • Hallo,

    das ist ja herrlich. Da haben die aber sehr schnell reagiert. Respekt!

    Freundliche Grüße
    Stefan S. (Zeta Producer-Support)

Jetzt mitmachen!

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