Antworten auf deine Fragen:
Neues Thema erstellen

mousover versch. Links - ein Bild tauschen

sral1209

Noch nicht viel geschrieben

Hallo und zwar komm ich grad nich weiter, mit einem normalen onmouseover komm ich zurecht, nur wie kann ich es realisieren, dass wenn ich auf meiner seite ein Bild, also:

<img src="bild.jpg" alt="bild" id="bild"/>

habe und mehrere Links:

<a href="seite1.html"/>Link1</a>
<a href="seite2.html"/>Link2</a>
<a href="seite3.html"/>Link3</a>
<a href="seite4.html"/>Link4</a>

beim Mouseover über einen jeweiligen Link , z.B. Link1 das <img src="bild.jpg" id="bild"/> mit bild1.jpg ersetze und bei Link2 mit bild2.jpg, Link3 mit Bild3, ....

und bei mouseout wieder das ursprüngliche Bild, also bild.jpg lade.

danke für eure Hilfe! Hoffe man kann das evtl mit einem einfachen Befehl/Script lösen!
------------


EDIT:
OK, ein Problem musste ich nun doch noch feststellen, und zwar klappt das jetzt mit dem onmouseover und dem wechseln der class, aber das das objekt je nach seite (index, links, ...) am anfang eine andere class="...." besitzt kann ich bei onmouseout nicht einfach:

OnMouseOut="document.getElementById('divpic').className='home'

verwenden, da die klasse ja immer eine andere sein kann. Kann ich denn irgendwie an einer anderen stelle eine variable deklarieren und statt .className='home' evtl sowas schreiben: .className='$class'

Hoffe ihr versteht was ich meine :D
 
Zuletzt bearbeitet:

GoMeZ

Allrounddilettant

AW: mousover versch. Links - ein Bild tauschen

Das hört sich für mich nach einem Fall für CSS und hover an, oder verstehe ich das jetzt komplett falsch?

Gruß, der GoMeZ
 

sral1209

Noch nicht viel geschrieben

AW: mousover versch. Links - ein Bild tauschen

Ok, danke euch für eure Hilfe, aber hab es jetzt selbst heraus gefunden :)
Mit hilfe von:
OnMouseOver="document.getElementById('divpic').className='home2';"

und dann eben verschiedene klassen definiert!


EDIT:
OK, ein Problem musste ich nun doch noch feststellen, und zwar klappt das jetzt mit dem onmouseover und dem wechseln der klasse, aber das das objekt je nach seite (index, links, ...) am anfang eine andere class="...." besitzt kann ich bei onmouseout nicht einfach:

OnMouseOut="document.getElementById('divpic').className='home'

verwenden, da die klasse ja immer eine andere sein kann. Kann ich denn irgendwie an einer anderen stelle eine variable deklarieren und statt .className='home' evtl sowas schreiben: .className='$class'

Hoffe ihr versteht was ich meine :D
 
Zuletzt bearbeitet:
Bilder bitte hier hochladen und danach über das Bild-Icon (Direktlink vorher kopieren) platzieren.
Antworten auf deine Fragen:
Neues Thema erstellen

Willkommen auf PSD-Tutorials.de

In unseren Foren vernetzt du dich mit anderen Personen, um dich rund um die Themen Fotografie, Grafik, Gestaltung, Bildbearbeitung und 3D auszutauschen. Außerdem schalten wir für dich regelmäßig kostenlose Inhalte frei. Liebe Grüße senden dir die PSD-Gründer Stefan und Matthias Petri aus Waren an der Müritz. Hier erfährst du mehr über uns.

Stefan und Matthias Petri von PSD-Tutorials.de

Nächster neuer Gratisinhalt

03
Stunden
:
:
25
Minuten
:
:
19
Sekunden

Neueste Themen & Antworten

Flatrate für Tutorials, Assets, Vorlagen

Zurzeit aktive Besucher

Statistik des Forums

Themen
118.616
Beiträge
1.538.359
Mitglieder
67.535
Neuestes Mitglied
QuestionMark
Oben