Gegen Bilderklau - Das Original (https://www.gegen-bilderklau.net/index.php)
- Design, Website, Copyright (https://www.gegen-bilderklau.net/board.php?boardid=80)
--- Homepagehilfe (https://www.gegen-bilderklau.net/board.php?boardid=27)
---- Homepagehilfe - Archiv (https://www.gegen-bilderklau.net/board.php?boardid=139)
----- [JS] Mouseover (https://www.gegen-bilderklau.net/thread.php?threadid=161111)
Geschrieben von *Emma am 27.08.2009 um 14:40:
Mouseover
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
Geschrieben von Perpetual am 27.08.2009 um 14:53:
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>
|
Geschrieben von *Emma am 27.08.2009 um 14:54:
danke, ich werd´s gleich testen
kann man´s eigentlich auch ohne JS machen?
Geschrieben von Schoko am 27.08.2009 um 16:32:
| code: |
1:
2:
|
<img onmouseover="(src='bild1')" onmouseout="(src='bild2')" src="bild2" align="left" border="0"> |
|
kurz und bündig
Geschrieben von *Emma am 09.09.2009 um 18:04:
danke
Geschrieben von Lisa am 15.02.2010 um 20:42:
| 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
Geschrieben von kimni am 05.10.2010 um 13:56:
| 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 ?
Geschrieben von Schoko am 07.10.2010 um 13:40:
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
Forensoftware: Burning Board, entwickelt von WoltLab GmbH