*Emma
Hey ho
Ich suche einen Mouseover Code:
Und zwar soll, wenn ich mit der Maus über ein Bild fahre, wieder ein Bild erscheinen. Ich will das so machen, dass man über das kleine fahren muss um ein größeres zu sehen.
Hoffe ihr habt was passendes
lg
Perpetual
Lässt sich mit u.a. JavaScript umsetzen.
Das kommt in den Head-Bereich:
| Zitat: |
<SCRIPT language="JavaScript">
<!--
if (document.images)
{
pic1on= new Image(Breite des Bildes,Höhe des Bildes);
pic1on.src="Verweis zum zweiten Bild";
pic2on= new Image(Breite des Bildes,Höhe des Bildes);
pic2on.src="Verweis zum zweiten Bild";
pic1off= new Image(Breite des Bildes,Höhe des Bildes);
pic1off.src="Verweis zum ersten Bild";
pic2off= new Image(Breite des Bildes,Höhe des Bildes);
pic2off.src="Verweis zum ersten Bild";
}
function lightup(imgName)
{
if (document.images)
{
imgOn=eval(imgName + "on.src");
document[imgName].src= imgOn;
}
}
function turnoff(imgName)
{
if (document.images)
{
imgOff=eval(imgName + "off.src");
document[imgName].src= imgOff;
}
}
//-->
</SCRIPT> |
-> Je nach Belieben können mit pic3on/pic3off, ... weitere Rollovers hinzugefügt werden.
Um den ganzen Kram darzustellen wird an beliebiger Stelle folgendes eingefügt:
| Zitat: |
<a href="Seite die geöffnet werden soll" onMouseover="lightup('pic1')" onMouseout="turnoff('pic1')">
<img src="Verweis zum ersten Bild" name="pic1" width="Breite des Bildes" height="Höhe des Bildes" border="0"></a>
|
*Emma
danke, ich werd´s gleich testen
kann man´s eigentlich auch ohne JS machen?
Lisa
| Zitat: |
Original von Schoko
| code: |
1:
2:
|
<img onmouseover="(src='bild1')" onmouseout="(src='bild2')" src="bild2" align="left" border="0"> |
|
kurz und bündig 
|
Geht das hier auch, dass sich das in nem neuen 'Fenster' öffnet? :3
kimni
| Zitat: |
Original von Schoko
| code: |
1:
2:
|
<img onmouseover="(src='bild1')" onmouseout="(src='bild2')" src="bild2" align="left" border="0"> |
|
kurz und bündig
|
Das wärs? Muss da nix in den Headbereich oder so was ?
Kann man das genauer erklären ?
Schoko
nö bei mir funktioniert das so einwandfrei.
bei src="Bild1" fügst du einfach den Bildlink statt Bild1 ein und du brauchst 2 verschiedene bilder und eines kommt doppelt in den code
