Autor |
Nachricht |
lugus
Threadersteller
Dabei seit: 29.06.2004
Ort: -
Alter: 44
Geschlecht:
|
Verfasst Mo 18.02.2008 23:14
Titel Bildwechsel in eine andere Tabellenzelle bei mouseover |
|
|
hallo...
ich habe folgendes Javascript:
Code: | <script type="text/javascript">
function changeImage ( id, url )
{
newImage = new Image;
newImage.src = url;
document.getElementById(id).src = newImage.src;
}
</script> |
auf dem Bild liegt folgender Code:
Code: | <a href="javascript:changeImage('test','images/bild_wechsel1.jpg');"><img src="images/bild_auto.gif" width="90" height="60" border="0"></a> |
Jetzt zu meinem Problem:
Ich möchte eigentlich das die Bilder sich bei Mouseover tauschen, nicht beim klick....dazu sollte ich noch erwähnen das die Bilder in 2 verschiedenen Tabellenzellen liegen und eins klein ist, was beim mouseover dann groß in einer anderen zelle erscheinen soll.
Leider konnte ich hier nix finden was mir wirklich hilft, alles was ich bisher probiert habe funktionierte irgendwie nicht....
kann mir jemand helfen??
|
|
|
|
|
rob
Dabei seit: 11.12.2003
Ort: ~/
Alter: 46
Geschlecht:
|
Verfasst Mo 18.02.2008 23:32
Titel
|
|
|
Zitat: | Ich möchte eigentlich das die Bilder sich bei Mouseover tauschen, nicht beim klick |
Dann mach das doch...
Was du da gemacht hast, ist außerdem nicht schön. Du nutzt das Pseudoprotokoll javascript: als Linkziel.
Was ist, wenn ein User ohne JS kommt? Dann funktioniert der Link nicht.
Nutze Eventhandler. In deinem Fall onmouseover:
Code: | <a href="zieldatei.html" onmouseover="changeImage('test','images/bild_wechsel1.jpg');"><img src="images/bild_auto.gif" alt="" width="90" height="60" border="0"></a> |
(BTW: Das Image-Element erfordert zwingend ein alt-Attribut. Leer lassen ist OK, weglassen aber nicht.)
Zitat: | dazu sollte ich noch erwähnen das die Bilder in 2 verschiedenen Tabellenzellen liegen |
dann pack den onmouseover in den tabledata.
|
|
|
|
|
Anzeige
|
|
|
|
|
|
Ähnliche Themen |
News-Box mit Mouseover Bildwechsel
Mouseover mit Sound und Bildwechsel
Bildergalerie Mouseover andere Position & Mouseover Scroll
golive: grösse der tabellenzelle
html bild in tabellenzelle
tabellenzelle hintergrundfarbe - ifabfrage?
|
|