Fremden Slider einfügen?

  • Hallo liebe Wissenden,

    zur Info: In Sachen Webseiten bin ich anzunehmenderweise der größte DAU unter der Sonne!

    Ich habe einen Slider gefunden, den ich nun auch gern auf meiner Seite hätte.
    http://wowslider.com/de/javascript-slideshow-quiet-rotate-demo.html#

    Herunterladen und Slider bauen hat geklappt und dann habe ich zwei Codes bekommen und eine Beschreibung, die dann im Internet Explorer aufging:
    D:\Privat\carpe-noctem\6-Website-Unterlagen\Website-Dokumente\wowslider1-howto.html

    Ich habe im einem neuen Textfeld auf html-Quellcode anzeigen geklickt und dann alles so gemacht, wie da stand und zwar erst <head> und </head> eingefügt und dazwischen den Code gesetzt und anschließend das gleiche nochmal mit dem Wort body und dem zweiten Code.
    Nach dem Klick auf ok war dann statt der Bilder das hier zu sehen:


    [Blockierte Grafik: http://fs5.directupload.net/images/user/160401/temp/mpue5dhn.png]


    Wenn ich jetzt nochmal auf den Button html-Quellcode anzeigen klicke, sind die Worte head und body einfach weg. Auch wenn ich sie neu eingebe, verschwinden sie. Kann das damit zusammenhängen, dass keine Bilder angezeigt werden oder habe ich noch einen (oder mehrere) andere Fehler gemacht?
    Das diese Panne einen anderen Hintergrund hat als meine Vorgehensweise, halte ich für ziemlich abwegig. :D

    Kann mir da bitte mal jemand behilflich sein?

    Danke für die Geduld,
    Nia

  • Hallo Nia,

    zunächst ein Tipp: schöne Ergänzungen zu Zeta findest Du auch bei Mario unter https://community.zeta-producer.com/www.code.zella.de oder Thomas Müller unter https://community.zeta-producer.com/www.zp-widgets.de.

    Jetzt zu Deinem Problem: Der Code besteht aus zwei Teilen, der erste ist einzufügen zwischen <head> und </head>. Das ist die HTML-Umschreibung für den "Kopfbereich" der Seite, welcher später selbst nicht angezeigt wird, aber wichtige Informationen zur Darstellung enthält. Wenn Du in Zeta etwas in den <head> einfügen möchtest, geht das über Attribute.
    Wenn das Attribut für alle Seiten gelten soll, gehe auf "erweitert" ->"Attribute" und suche dort nach additional_meta. Mit Doppelklick öffnest Du dieses Attribut und fügst dann den ersten Teil des Codes ohne <head> und </head> ein.
    Soll das Attribut nur für eine Seite gelten, gehe bei dieser Seite auf "bearbeiten" ->"Attribute". Im Normalfall gibt es dort noch kein additional_meta. Lege dann ein neues Attribut an, trage im Namen additional_meta ein und im Textfeld wieder den ersten Code ohne <head> und </head>.

    Den zweiten Teil des Codes gibst Du im Widget "HTML-Quelltext" ein, diesmal ohne <body> und </body>.

    Falls Du danach den Slider nicht sehen solltest, stimmt noch irgendwas an dem Code nicht. Da der Quelltext dann in der Regel nicht zu sehen ist, wechsle mit F8 in den Spaltenmodus, dort kannst Du den entsprechenden Artikel anwählen und bearbeiten.

    Bitte notiere Dir (beispielsweise auf einer ausgeblendeten Notizseite) wofür Du den Eintrag in additional_meta benötigt hast, damit Du später noch weißt, wozu dieser Code gehört oder ob er entfernt werden kann.

  • Hallo Thomas,

    vielen Dank für die schnelle Hilfe, ich werde jetzt erstmal versuchen, die Attribute zu ändern und dann schauen, was sich unter deinen beiden Links verbirgt. Vielen Dank dafür!
    Ich sage Bescheid, wie das Ergebnis aussieht, kann aber ein bissl dauern *lach.

    Liebe Grüße und ein schönes Wochenende,
    Nia

  • Hallo,

    nur ganz kurz:

    1: Das Attribut "addtional_meta" gibt es im Normalfall immer.
    Ggf. dazu in den Attributen unten Links bei "Attribute" umschalten auf "Alle anzeigen".

    2: Ich würde dir eher die Einbindung über ein IFrame-Responsive empfehlen.
    Ich hab das vor einiger Zeit auch mal umgesetzt und das hat ganz gut hingehauen.
    Welches Layout und welche ZP-Version, hast du im Einsatz?

    Gruß
    Jochen

  • "Alle anzeigen".

    Ja, da hat der Jochen recht. Ist manchmal die eigene Betriebsblindheit, wenn man den Filter nicht zurücksetzt.

Jetzt mitmachen!

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