Bild mit Link mit Verzögerung einblenden

Jimdo-Userforum � Jimdo User-Forum � Jimdo-Specials (Tools, Widgets, HTML und CSS) � Bild mit Link mit Verzögerung einblenden

Themen-Einstellungen

Thema drucken

Bereich wechseln

Allgemeines Regeln f�r die Benutzung des Forums HowToDo ( = so geht�s) Jimdo User-Forum Eure Jimdo-Webseiten - Vorstellungsrunde Bugs, Workarounds und Anregungen Jimdo-Elemente Allgemeines Jimdo-Shop Jimdo-Specials (Tools, Widgets, HTML und CSS) Suchmaschinenoptimierung (SEO) Sonstiges Tutorials "OffTopic"-Themen "�bernahme" von Beitr�gen aus dem offiziellen Jimdo-Forum... Nutzungsbedingungen und Haftungsausschluss Jimdo-Blog

#1 | Bild mit Link mit Verzögerung einblenden datum

09.06.2020 23:54

Hallo zusammen,

hat jemand eine Idee, wie ich mit dem Widget/HTML Element ein Bild nach 10 Sekunden Verzögerung einblenden kann, welches auch noch einen Link zu einer weiteren Seite hat?

Viele Grüße

V

Antworten

#2 | RE: Bild mit Link mit Verzögerung einblenden datum

10.06.2020 11:59 (zuletzt bearbeitet: 10.06.2020 12:00)

Setze das Bild bzw. dessen Container per CSS auf opacity:0 und schreibe ein js-Skript, dass die opacity des gleichen Elementes erst nach einem gewissen Delay auf 1 setzt.
Einen schönen Effekt kannst du dann auch noch mit einer Transition (zB ease-in) erreichen.

LG, az

Achtung: Code im Forum bitte immer mit der Schaltfläche für "Code" einkapseln!!! (=

)

Bitte sendet mir keine privaten Nachrichten über dieses Forum! Bitte Nachrichten an mich nur per e-mail oder über das Kontaktformular auf meiner Webseite https://redesign-berlin.de

...hier findet Ihr mich:
https://www.facebook.com/redesign.berlin
https://redesign-berlin.de
mailto:info@redesign-berlin.de

...NEU!!! - hier könnt Ihr unser Userforum finanziell unterstützen: https://redesign-berlin.xobor.de/donations.html

Antworten

#3 | RE: Bild mit Link mit Verzögerung einblenden datum

10.06.2020 23:01

Hi az,

sorry so fit bin ich in HTML nicht.

Offen gesagt, benötige ich den fertigen HTML Code, wo ich nur die Bildadresse und den Link einfüge, welchen ich dann in das Element einsetze.

VG

Antworten

#4 | RE: Bild mit Link mit Verzögerung einblenden datum

11.06.2020 19:03 (zuletzt bearbeitet: 11.06.2020 19:06)

schau mal hier:

- https://www.mediengestalter.info/forum/1...n-137629-1.html

...da wird alles erklärt. Und auf http://jsfiddle.net/bkw69/ findest Du das PlugIn - Da musst Du nur noch #div austauschen mit dem #cc-m-... Deines Bildes.

LG, az

Achtung: Code im Forum bitte immer mit der Schaltfläche für "Code" einkapseln!!! (=

Antworten

Randabstände bei Spalten anpassen � � Design Stockholm: Logo mittig oberhalb Hintergrundbild

�hnliche Themen

Antworten

Letzter Beitrag

CSS Bild Hover
Erstellt im Forum Jimdo-Specials (Tools, Widgets, HTML und CSS) von flo1109 1 27.01.2021 12:28
az_ • Zugriffe: 757
Bilder von externer Quelle per Link
Erstellt im Forum Jimdo-Specials (Tools, Widgets, HTML und CSS) von svenbode 4 12.01.2019 19:43
az_ • Zugriffe: 1388
Abstand bei Überschriften und Bildern ändern, Barcelona
Erstellt im Forum Allgemeines von Sophia 4 11.06.2018 17:35
Sophia • Zugriffe: 1096
HTML Map responsive + falsche Links
Erstellt im Forum Jimdo-Specials (Tools, Widgets, HTML und CSS) von AnnaEQ 2 27.01.2018 23:53
az_ • Zugriffe: 1223
Bilder-Links, target="_blank"
Erstellt im Forum Jimdo-Elemente von Amy 3 07.08.2017 15:24
Amy • Zugriffe: 743
Bild + Link in Header, d.h. über der Navigation
Erstellt im Forum Allgemeines von Finalbob 5 29.12.2016 15:12
az_ • Zugriffe: 2117
Wie kann ich auf einzelne Bilder in einer Ggalerie auf meiner HP verlinken?
Erstellt im Forum Jimdo-Specials (Tools, Widgets, HTML und CSS) von Henning 1 28.05.2016 23:27
az_ • Zugriffe: 788
Bilder teilen ohne Jimdo-Share-Buttons?
Erstellt im Forum Bugs, Workarounds und Anregungen von christine_a 2 02.12.2015 12:01
christine_a • Zugriffe: 812
Bilder auf linke Seite gerutscht
Erstellt im Forum Bugs, Workarounds und Anregungen von Mystischebauten 2 27.10.2015 20:19
Mystischebauten • Zugriffe: 721

Xobor-Forum f�r Jimdo-Creator User

Bitte geben Sie einen Grund f�r die Verwarnung an