zurück zur Startseite
  


Zurück XHTMLforum > Webentwicklung (außer XHTML und CSS) > Grafik, Design, Typografie
Seite neu laden Onmouseover-Effekt - Wenn Maus auf Bild1 soll Bild 2 zu Bild 3 wechseln.

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 06.09.2011, 16:20
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 06.09.2011
Beiträge: 2
Andreas91 befindet sich auf einem aufstrebenden Ast
Standard Onmouseover-Effekt - Wenn Maus auf Bild1 soll Bild 2 zu Bild 3 wechseln.

Hallo,
bin neu im Forum und hab gleich ein Problem...

Ich erstelle grad eine Facebook-Fanpage für meinen Youtube-Kanal.

Das Design ist schon fertig,
es besteht aus 6 Bildern.

5 dauerhafte Bilder,
und das Bild 6 (name="6") soll immer das Bild 2 ersetzen,
wenn man mit der Maus über
Bild 1 (Name ="1") bzw. Bild 5 (Name="5") fährt.

(Bild 6: http://s7.directupload.net/images/us...6/gphi3rp6.png )

Es soll also kein Bild ein Link sein.

ich hab schon lange rumprobiert
aber das hat nicht geklappt und ich glaub auch nicht, dass ich die Lösung noch im Internet finden werde.


In dem Code funktioniert der Bildwechsel zwar,
aber nicht wenn ich über Bild 1 oder Bild 5 fahre,
sondern eben wenn ich über das selbe Bild (Bild 2) fahre.

Kann mir bitte einer dabei helfen?

danke im Vorraus


Hier der Code:
(die Bilder sind schon online gestellt)

HTML-Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>Unbenanntes Dokument</title></head>






<br />
<img src="http://s1.directupload.net/images/user/110906/b6hdv7nl.png" border=0 name="1"<img/><img/>


<a href="" 
onmouseover="effekt.src='http://s7.directupload.net/images/user/110906/gphi3rp6.png';"
onmouseout="effekt.src='http://s1.directupload.net/images/user/110906/ih7wfg59.png';">
<img src="http://s1.directupload.net/images/user/110906/ih7wfg59.png" border="0" 
name="effekt">
</a>

<br><img src="http://s7.directupload.net/images/user/110906/3mggpsnm.png" border=0 name="3"<img/><br><nobr><img src="http://s1.directupload.net/images/user/110906/mnm2sydj.png" border=0 name="4"<img/><img src="http://s1.directupload.net/images/user/110906/65zj6twi.png" border=0 name="5"<img/></nobr>
<p><br />
</body>

Geändert von Andreas91 (06.09.2011 um 16:23 Uhr)
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 06.09.2011, 23:41
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 06.09.2011
Beiträge: 2
Andreas91 befindet sich auf einem aufstrebenden Ast
Standard

Bin doch noch fündig geworden,
hier der LInk, wo es erklärt wird, falls sich mal jemand mal über Google
hierher verirren sollte: Onmouseover bei anderem Bild

Oder kopiere einfach gleich hier den Code:



<script type="text/javascript">
//<![CDATA[
function chImg(id, img) {
document.getElementById(id).src = img;
}
//]]>
</script>

<img src="bild1.jpg" alt="" onmouseover="chImg('anderesBild', 'bild3.jpg')" onmouseout="chImg('anderesBild', 'bild2.jpg')" />

<img src="bild2.jpg" alt="" id="anderesBild" />

Geändert von Andreas91 (06.09.2011 um 23:43 Uhr)
Mit Zitat antworten
Sponsored Links
Antwort

Stichwörter
bild, effekt, mouseover

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
Spritetechnik : Wie mehr als nur ein Bild wechseln ? ron32 (X)HTML 1 07.08.2011 22:42
Bild resizable und mit MouseOver Effekt csigg CSS 1 12.11.2010 11:18
Mouseover -wie kann ich ein Bild verändern wenn ich mit der Maus über ein Wort fahre? hrhr87 (X)HTML 3 16.03.2010 11:47
Bild Bei OnMouseOver in groß DonPhil87 CSS 4 21.01.2010 09:42
Mouse Over Effekt über Link - Extra Bild? greenberet1 CSS 1 08.03.2009 19:32


Alle Zeitangaben in WEZ +2. Es ist jetzt 08:40 Uhr.