Allgemeines » Mouseover klappt nicht

14.05.2017 12:38

Handyman282
#1

Ha

Hallo. Ist wahrscheinlich ein Anfängerfehler.
Ich habe wie in mehreren Mouseover - Tutorials zwei Bilder auf einer versteckten Seite gespeichert.
Es handelt sich zweimal um das gleiche Bild - nur einmal farbig und einmal Schwarz-Weiss.
Hier die URLs:

Farbig:
https://image.jimcdn.com/app/cms/image/t...55967/image.jpg

Schwarzweiss (soll dann das Mouseover sein)

https://image.jimcdn.com/app/cms/image/t...55573/image.jpg

Nun habe ich auch auf dieser Testseite ein HTML - Widget eingefügt:

<a href=�https://citysem24.jimdo.com�><img src="" alt="https://image.jimcdn.com/app/cms/image/transf/dimension=820x10000:format=jpg/path/sdc1b30356d021205/image/if501ef1aa13bbd2b/version/1494755967/image.jpg
" onmouseover= "src='
https://image.jimcdn.com/app/cms/image/t...55573/image.jpg'" onmouseout="src='
https://image.jimcdn.com/app/cms/image/t...55967/image.jpg'" /></a>

Das funktioniert nicht. Es wird mir kein Bild angezeigt. Könnt Ihr helfen?

Antworten

Beitrag melden

#2

14.05.2017 15:30

make
#2

ma

make

Hallo Handyman282,

versuchs mal damit...:

1
2
3
4
 
<a href="https://citysem24.jimdo.com"><img onmouseover=
"src='https://image.jimcdn.com/app/cms/image/transf/dimension=820x10000:format=jpg/path/sdc1b30356d021205/image/i72c1cd2908432af2/version/1494755573/image.jpg'" onmouseout=
"src='https://image.jimcdn.com/app/cms/image/transf/dimension=820x10000:format=jpg/path/sdc1b30356d021205/image/if501ef1aa13bbd2b/version/1494755967/image.jpg'" src=
"https://image.jimcdn.com/app/cms/image/transf/dimension=820x10000:format=jpg/path/sdc1b30356d021205/image/i72c1cd2908432af2/version/1494755573/image.jpg" alt="" width="820" height="385" /></a>
 

Gruß
make

www.vertraute-erde.de

Antworten

Beitrag melden

#3

14.05.2017 15:47

Handyman282
#3

Ha

Handyman282

Hallo.
Klappt auch nicht. Es erscheint nur das schwarzweisse Mouseover - Bild. Kein Bildwechsel bei Mouseover.

Antworten

Beitrag melden

#4

14.05.2017 15:54

make
#4

ma

make

Hallo.

würdest Du hier mal eine URL angeben, wo du das Problem gegenwärtig hast?

Gruß
make

www.vertraute-erde.de

Antworten

Beitrag melden

#5

14.05.2017 15:58

make
#5

ma

make

Hallo,

hab's gerade gefunden. Also, bei mir funktioniert der "Mouseover" Effekt auf Deiner Homepage...

Gruß
make

www.vertraute-erde.de

Antworten

Beitrag melden

#6

14.05.2017 16:18

Handyman282
#6

Ha

Handyman282

Hallo - Sorry , funktioniert natürlich in der Besucheransicht.
Hab noch ein Problem: Wenn ich die Seite lade, erscheint erst das Mouseover (Schwarzweiss) und erst , wenn ich drauf gehe und wieder runter, bleibt das
bunte Bild.

Antworten

Beitrag melden

#7

14.05.2017 16:30

make
#7

ma

make

Hallo,

dann muss als letzter "src" Eintrag das farbige genommen werden... siehe hier:

1
2
3
4
 
<a href="https://citysem24.jimdo.com"><img onmouseover=
"src='https://image.jimcdn.com/app/cms/image/transf/dimension=820x10000:format=jpg/path/sdc1b30356d021205/image/i72c1cd2908432af2/version/1494755573/image.jpg'" onmouseout=
"src='https://image.jimcdn.com/app/cms/image/transf/dimension=820x10000:format=jpg/path/sdc1b30356d021205/image/if501ef1aa13bbd2b/version/1494755967/image.jpg'" src=
"https://image.jimcdn.com/app/cms/image/transf/dimension=820x10000:format=jpg/path/sdc1b30356d021205/image/if501ef1aa13bbd2b/version/1494755967/image.jpg" alt="" width="820" height="385" /></a>
 

Gruß
make

www.vertraute-erde.de

Antworten

Beitrag melden

#8

14.05.2017 19:06

Handyman282
#8

Ha

Handyman282

Danke - Ihr seid super!

Antworten

Beitrag melden

#9

16.05.2017 09:18

az_
#9

az_

...wie ist Deine URL? ich würde gern mal sehen, was Du gemacht hast.

Die Bilder als download-Elemente anlegen ist übr. eine sicherere Variante. Dann einfach die Link-Adresse kopieren und in den html-Code einsetzen.

LG, az

Achtung: Code im Forum bitte am besten mit der Schaltfläche für "Code" einkapseln!!! (= ) , oder den Code in Formatierungs-Klammern setzen (...zwischen "code" und "/code", jeweils in eckigen Klammern).

Achtung! Im neuen Layout ist die Formatierungsleiste versteckt! Klick auf das Smiley rechts oben über dem Text-Editorfenster, um die Formatierungssymbole einzublenden!

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

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

Spenden: Hier könnt Ihr unser Userforum finanziell unterstützen: page-644478-1.html