Mouseover klappt nicht

Antworten
#1
14.05.2017 12:38
avatar  Handyman282
#1
Ha
Handyman282

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
avatar  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
avatar  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
avatar  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
avatar  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
avatar  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
avatar  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
avatar  Handyman282
#8
Ha
Handyman282

Danke - Ihr seid super!


 Antworten

 Beitrag melden
#9
16.05.2017 09:18
avatar  az_
#9
avatar
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


 Antworten

 Beitrag melden
Antworten
Bereits Mitglied?
Jetzt anmelden!
Mitglied werden?
Jetzt registrieren!
Forenspende

 

Spenden über PayPal

Ein Forum zu betreiben, erfordert ein hohes Maß an Zeit, Kraft und Aufmerksamkeit. 

Das Team von Jimdo-Forum arbeitet hinter den Kulissen sehr engagiert daran,
die erforderlichen Aufgaben zu erfüllen, um dir und den
anderen Forenmitgliedern ein tolles Forenerlebnis zu ermöglichen.

 Wir freuen uns, dass du dich dazu entschlossen hast, unser Forum mit deiner Spende zu unterstützen!

...hier ist der direkte Spendenlink
für unsere Kaffeekasse!