kostenloser Webspace werbefrei: lima-city

bei hover bild wechsel (hilfe gesuch)

lima-city → Forum → Die eigene Homepage → Homepage Allgemein

1. Autor dieses Themas

   nilswerner

   nilswerner hat kostenlosen Webspace.

   15:33, 4.11.2006

   Hallo,
   
   ich bin gerad ma dabei ein kleines template zu entwerfen (einfach nur aus fun)
   hab aba jetz mal eine frage.
   Ich habe auf der seite oben rechts ein kleines bild und möchte, das dieses wechselt, sobald ich über die navi geh. jedoch soll bei jedem navi punkt ein neues bild erscheinen (6 insgesammt).
   hier is ein link damit ihr euch das mal anschauen könnt.
   
   http://nils-werner.com/templates/city/
   
   mfg
   Nils

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

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

3. sandrock-jonas

   

   sandrock-jonas hat kostenlosen Webspace.

   15:40, 4.11.2006

   Möchtest du, dass das Stadtbild wechselt? Müsste mit JS gehen. Versuch einfach mal das:
   
   <img src="images/stadt_7.png" name="stadt">
   
   <a href="datei.html" onmouseover="stadt.src='images/anderes_bild1.png'" onmouseout="stadt.src='images/stadt_7.png'">Text</a>
   <a href="datei.html" onmouseover="stadt.src='images/anderes_bild2.png'" onmouseout="stadt.src='images/stadt_7.png'">Text2</a>
   usw.
   
   Beitrag geändert: 4.11.2006 15:42:31 von sandrock-jonas
4. Autor dieses Themas

   nilswerner

   nilswerner hat kostenlosen Webspace.

   15:49, 4.11.2006

   ja genau sowas hab ich gesucht. nur kenn ich mich mit js noch net aus.
   wie muss ich das denn in meine html seite einbinden?

5. sandrock-jonas

   

   sandrock-jonas hat kostenlosen Webspace.

   15:58, 4.11.2006

   ja genau sowas hab ich gesucht. nur kenn ich mich mit js noch net aus.
   wie muss ich das denn in meine html seite einbinden?

   
   
   So kannst du das einbinden:
   
   [...]
   <div id="banner">
   <div align="right"><img src="images/stadt_7.png" alt="stadt1" width="172" height="83" name="stadt" /></div>
   </div>
   <div id="trenn"></div>
   <div id="navi">
   <div align="center">
   <p>&nbsp;</p>
   <p align="left">
   
   <a href="#" id="1" onmouseover="stadt.src='images/anderes_bild1.png" onmouseout="stadt.src='images/stadt_7.png'">Home</a><br />
   
   <a href="#" id="2" onmouseover="stadt.src='images/anderes_bild2.png" onmouseout="stadt.src='images/stadt_7.png'">Link</a><br />
   
   </p>
   [...]
6. Autor dieses Themas

   nilswerner

   nilswerner hat kostenlosen Webspace.

   16:22, 4.11.2006

   danke schon mal für die schnelle antwort,
   hab ich auch gleich ausprobiert, jedoch funktioniert das irgendwie nicht..
   
   
   /*edit*/
   
   da es bei mit mit JS irgendwie nicht geklappt hat, habe ich mal weiter gesucht.. Es soll eigentlich auch mit CSS realisier bar sein, jedoch habe ich gerad bei mir einen knoten im kopf...
   Ich weiß wie man beim hover ein bild wechseln kann, jedoch soll hier ja beim hover des linkes sich oben die häußchen ändern und da weiß ich gerad nicht weiter..
   könnt ihr mir vlt weiter helfen??
   
   Beitrag geändert: 6.11.2006 16:43:42 von nilswerner

7. x**********x

   11:08, 8.11.2006

   Für die Navigation:
   
   <div style="no-repeat;">
   <span onMouseOver="imagechange1.src='BildNummer2.jpg'">
   <a href="#"></a>
   </span>
   </div>
   
   Für das Bild welches wechseln soll:
   <img src="" id="imagechange1">
   
   So sollte es eigentlich klappen. Ich bin jetzt nicht zu hause kanns deswegen leider nicht überprüfen, aber ich werde das später nachholen. Sollte eigentlich aber funktionieren.
   Viel Glück damit.
   
   Gruß

8. y********n

   14:23, 8.11.2006

   Mhh... das Template befindet sich nicht mehr auf dem Server, wenn du CSS benutzt erstell eine Div-Box mit Hover-Effekt und binde die ein, ist am validisten ;)
   Tutorial gibts hier:
   http://quaecks.de/thread.php?threadid=513
   Lg,
   Yannik

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

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

Dir gefällt dieses Thema?