kostenloser Webspace werbefrei: lima-city

Beim mousover eines bildes ein anderes bild anzeigen. aber wie?

lima-city → Forum → Die eigene Homepage → HTML, CSS & Javascript

1. Autor dieses Themas

   s*********e

   14:50, 3.5.2004

   Hallo, da wir gerade an einem neuen design sind wolln wir auch ein paar extras reinmachen. deswegen:
   wie bekomme ichs hin, dass wenn man ?ber ein bild geht, ein neues kommt?? ist das genauso wie mit mousover:
   onMouseOver="this.style.backgroundColor='C7C7C7';return true;" onMouseOut="this.style.backgroundColor='';return true;"
   oder geht das anders???
   ich dachte mir das ungef?hr so:
   onMouseOver="this.style.img='2.bild;return true;" onMouseOut="this.style.img='1.bild';return true;" aber geht wahrscheinlich so net.
   bitte antworten

2. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

   lima-city: Gratis werbefreier Webspace für deine eigene Homepage

3. downloadwelt

   downloadwelt hat kostenlosen Webspace.

   0:14, 4.5.2004

   Dein Script h?rt sich sich viel zu kompliert on... versuchs mal mit folgenden:
   
   <img id=bild01 src="bild.jpg" onmouseover="javascript:bildtausch01()" onmouseout="javascript:bildback01()"
   <script language="JavaScript">
   function bildtausch01() {document.images.bild01.src="overbild.jpg"}
   function bildback() {document.images.bild01.src="bild.jpg"}
   </script>
   
   Statt Bild.jpg,... kann man nat?lich auch jeden anderen Namen benutzen. Die id bild01 kann auch getauscht werden, mu? aber auch im JavaScript ge?ndert werden! Benutze selber diese Methode und hatte noch nie Probleme damit! Der JavaScript mu? aber auf jedenfall hinter dem Bild stehen, da es sonst ne Fehlermeldung gibt! Viel Spa? beim Einbauen... PS: Schau mal auf jswelt.de ... die haben sehr gute Scripte!!!

4. robin

   

   robin hat kostenlosen Webspace.

   14:48, 4.5.2004

   da kannst auch gleich schreiben
   
   <img id=bild01 src="bild.jpg" onmouseover="document.images.bild01.src='overbild.jpg';" onmouseout="document.images.bild01.src='bild.jpg';">
   
   wenn du das so machen willst

5. k***o

   14:52, 4.5.2004

   am besten (und am k?rzesten) so:
   <img src="bild1.gif" onMouseOver="this.src='bild2.gif'" onMouseOut="this.src='bild1.gif'">

6. downloadwelt

   downloadwelt hat kostenlosen Webspace.

   14:56, 4.5.2004

   Dies (letzte) ist auch eine sehr gute M?glichkeit, nur Leute, die nen ?lteren Netscape verwenden k?nnen Probleme mit der darstellung Probleme bekommen (... aber ich halte von Netscape eh nix... zwar nen guter Browser, aber andauernd Probleme mit JavaScript)

7. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

   lima-city: Gratis werbefreier Webspace für deine eigene Homepage

Dir gefällt dieses Thema?