Bilder überblenden ?

  • Noch 'ne Idee...

    Ich habe drei Bilder (Fotos), bei denen ich mir vorstellen könnte, das sie quasi wie in einer Schleife überblendet werden.
    Also fast so wie im Header oder im Album.

    ABER, könnte man das sanft, also mit Transparenz oder ähnlich hinbekommen?

    Grüße

  • OK, es lag am Format der Bilder, das das bei meinem ersten Versuch ganz Übel mit dem Widget aussah.
    Jetzt ist es besser.


    Aber mich stört da dann doch noch folgendes...


    Eigentlich sollen die Bilder nicht angeklickt werden können; also auch nicht größer werden.

    Grüße

  • Eigentlich sollen die Bilder nicht angeklickt werden können; also auch nicht größer werden.

    Hallo Rick,

    reduziere die Bilder vor dem Einlesen bereits auf die gewünschte Maximalgröße. Zeta blendet die Bilder beim Anklicken immer nur in Originalgröße auf.

  • Hallo Rick,

    ist jetzt zwar ganz alte Schule und nicht mehr Stand der Technik, aber spontan fällt mir da ein animiertes GIF ein, bei dem Du die Bilder nacheinander einblendest mit unendlich Wiederholungen. Da Ergebnis kannst Du bei unserer Homepage im Wechsellogo sehen.

  • Hallo Rick,

    ja das geht folgendermaßen:

    - Im ZP Menü Extras / Entwickler / Widges aufrufen
    - Dort kopierst Du das interne Widget Bilderalbum
    - Ordnername z.B. bilderalbumv12noclick
    - Anzeigename z.B. Bilderalbum_No_Click
    - Rest lassen wie er ist und "OK"
    - Abfrag wo speichern auf "Benutzer" lassen und "Speichern"
    - ZP beenden
    - Nun mittels Explorer nach "Eigene Dokumente\Zeta Producer 12.5\widgets" gehen
    - Dort gibt es jetzt ein Verszeichnis "bilderalbumv12noclick" => öffne es
    - Nun öffnest Du die Datei "standard.html" (evtl. auch nur "standard") mit dem Notepad, Editor, Notepad++ etc. über "Rechte Maustaste" => Öffnen mit => Editor
    - Nun suchst Du nach folgendem Text: <a class="fancybox"
    Der erste Treffer sieht so aus:

    <a class="fancybox" href="<$= image.workingCopyPath $>" title="<$= encodedDescription $>" data-fancybox-group="g<$= article.id $>" rel="g<$= article.id $>">
    <img src="<$= image.thumbPath(thumbnailWidth, thumbnailHeight) $>" width="<$= thumbnailWidth $>" title="<$= description $>" alt="<$= description $>" />
    </a>

    ändere hier nur <a in <div und </a> in </div> ab:

    <div class="fancybox" href="<$= image.workingCopyPath $>" title="<$= encodedDescription $>" data-fancybox-group="g<$= article.id $>" rel="g<$= article.id $>">
    <img src="<$= image.thumbPath(thumbnailWidth, thumbnailHeight) $>" width="<$= thumbnailWidth $>" title="<$= description $>" alt="<$= description $>" />
    </div>

    Das machst Du mit allen 3 Treffern und speicherst anschließend die Datei.

    - Nun wieder ZP öffnen
    - Wenn Du Bilderalbum ohne Klick benötigst, dann wähle nun das Widget "Bilderalbum_No_Click" aus
    - Bilderalben mit Klick nimm weiterhin das Widget "Bilderalbum"

    Hintergrund der <a href>-Link wird einfach mittels <div> ausgeblendet, somit gibt es kein onclick-Event mehr auf diesem Artikel!

    Viel Spaß

  • Hallo Rick,

    sieht komplizierter aus als es ist.

    Nur Mut. Falls Du nicht damit klar kommst, dann kannst Du das Benutzer-Widget ja einfach wieder über den ZP löschen!

Jetzt mitmachen!

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