mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: Do 28.03.2024 11:17 Benutzername: Passwort: Auto-Login

Thema: Bildwechsel in eine andere Tabellenzelle bei mouseover vom 18.02.2008


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Programmierung -> Bildwechsel in eine andere Tabellenzelle bei mouseover
Autor Nachricht
lugus
Threadersteller

Dabei seit: 29.06.2004
Ort: -
Alter: 44
Geschlecht: Weiblich
Verfasst Mo 18.02.2008 23:14
Titel

Bildwechsel in eine andere Tabellenzelle bei mouseover

Antworten mit Zitat Zum Seitenanfang

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??
  View user's profile Private Nachricht senden
rob

Dabei seit: 11.12.2003
Ort: ~/
Alter: 46
Geschlecht: Männlich
Verfasst Mo 18.02.2008 23:32
Titel

Antworten mit Zitat Zum Seitenanfang

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.
  View user's profile Private Nachricht senden
Anzeige
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?
Neues Thema eröffnen   Neue Antwort erstellen
MGi Foren-Übersicht -> Programmierung


Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst an Umfragen in diesem Forum nicht mitmachen.