Gegen Bilderklau - Das Original

Registrierung Mitgliederliste Teammitglieder Suche Häufig gestellte Fragen Statistik Chat Karte Zur Startseite

Gegen Bilderklau - Das Original » Design, Website, Copyright » Homepagehilfe » Homepagehilfe - Archiv » [JS] Mouseover » Hallo Gast [Anmelden|Registrieren]
Letzter Beitrag | Erster ungelesener Beitrag Druckvorschau | Thema zu Favoriten hinzufügen
Zum Ende der Seite springen Mouseover
Autor
Beitrag « Vorheriges Thema | Nächstes Thema »
*Emma *Emma ist weiblich
ehemals B U B B L E G U M


images/avatars/avatar-52289.jpg

Dabei seit: 18.01.2009
Beiträge: 2.295
Herkunft: Baden Würrtemberg

Mouseover Auf diesen Beitrag antworten Zitatantwort auf diesen Beitrag erstellen Diesen Beitrag editieren/löschen Diesen Beitrag einem Moderator melden       Zum Anfang der Seite springen

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 Augenzwinkern

lg
27.08.2009 14:40 *Emma ist offline Beiträge von *Emma suchen Nehmen Sie *Emma in Ihre Freundesliste auf Fügen Sie *Emma in Ihre Kontaktliste ein
Perpetual
BENUTZER HAT DIE LÖSCHUNG BEANTRAGT


Dabei seit: 05.02.2006
Beiträge: 18.663

Auf diesen Beitrag antworten Zitatantwort auf diesen Beitrag erstellen Diesen Beitrag editieren/löschen Diesen Beitrag einem Moderator melden       Zum Anfang der Seite springen

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>
27.08.2009 14:53 Perpetual ist offline Beiträge von Perpetual suchen Nehmen Sie Perpetual in Ihre Freundesliste auf
*Emma *Emma ist weiblich
ehemals B U B B L E G U M


images/avatars/avatar-52289.jpg

Dabei seit: 18.01.2009
Beiträge: 2.295
Herkunft: Baden Würrtemberg

Themenstarter Thema begonnen von *Emma
Auf diesen Beitrag antworten Zitatantwort auf diesen Beitrag erstellen Diesen Beitrag editieren/löschen Diesen Beitrag einem Moderator melden       Zum Anfang der Seite springen

danke, ich werd´s gleich testen Augenzwinkern

kann man´s eigentlich auch ohne JS machen?

Dieser Beitrag wurde 1 mal editiert, zum letzten Mal von *Emma: 27.08.2009 14:54.

27.08.2009 14:54 *Emma ist offline Beiträge von *Emma suchen Nehmen Sie *Emma in Ihre Freundesliste auf Fügen Sie *Emma in Ihre Kontaktliste ein
Schoko Schoko ist weiblich
Lichtjäger


images/avatars/avatar-38126.jpg

Dabei seit: 08.02.2007
Beiträge: 986
Herkunft: Hessen

Auf diesen Beitrag antworten Zitatantwort auf diesen Beitrag erstellen Diesen Beitrag editieren/löschen Diesen Beitrag einem Moderator melden       Zum Anfang der Seite springen

code:
1:
2:
<img onmouseover="(src='bild1')" onmouseout="(src='bild2')" src="bild2" align="left" border="0">

kurz und bündig großes Grinsen

Dieser Beitrag wurde 1 mal editiert, zum letzten Mal von Schoko: 27.08.2009 16:32.

27.08.2009 16:32 Schoko ist offline E-Mail an Schoko senden Homepage von Schoko Beiträge von Schoko suchen Nehmen Sie Schoko in Ihre Freundesliste auf
*Emma *Emma ist weiblich
ehemals B U B B L E G U M


images/avatars/avatar-52289.jpg

Dabei seit: 18.01.2009
Beiträge: 2.295
Herkunft: Baden Würrtemberg

Themenstarter Thema begonnen von *Emma
Auf diesen Beitrag antworten Zitatantwort auf diesen Beitrag erstellen Diesen Beitrag editieren/löschen Diesen Beitrag einem Moderator melden       Zum Anfang der Seite springen

danke smile
09.09.2009 18:04 *Emma ist offline Beiträge von *Emma suchen Nehmen Sie *Emma in Ihre Freundesliste auf Fügen Sie *Emma in Ihre Kontaktliste ein
Lisa
Mitglied


images/avatars/avatar-54597.png

Dabei seit: 25.09.2007
Beiträge: 5.077

Auf diesen Beitrag antworten Zitatantwort auf diesen Beitrag erstellen Diesen Beitrag editieren/löschen Diesen Beitrag einem Moderator melden       Zum Anfang der Seite springen

Zitat:
Original von Schoko
code:
1:
2:
<img onmouseover="(src='bild1')" onmouseout="(src='bild2')" src="bild2" align="left" border="0">

kurz und bündig großes Grinsen


Geht das hier auch, dass sich das in nem neuen 'Fenster' öffnet? :3

__________________
Herz

15.02.2010 20:42 Lisa ist offline E-Mail an Lisa senden Beiträge von Lisa suchen Nehmen Sie Lisa in Ihre Freundesliste auf
kimni kimni ist weiblich
npbh


images/avatars/avatar-54397.gif

Dabei seit: 07.06.2009
Beiträge: 2.261
Herkunft: nrw

Auf diesen Beitrag antworten Zitatantwort auf diesen Beitrag erstellen Diesen Beitrag editieren/löschen Diesen Beitrag einem Moderator melden       Zum Anfang der Seite springen

Zitat:
Original von Schoko
code:
1:
2:
<img onmouseover="(src='bild1')" onmouseout="(src='bild2')" src="bild2" align="left" border="0">

kurz und bündig großes Grinsen


Das wärs? Muss da nix in den Headbereich oder so was ?
Kann man das genauer erklären ? fröhlich

__________________

05.10.2010 13:56 kimni ist offline E-Mail an kimni senden Homepage von kimni Beiträge von kimni suchen Nehmen Sie kimni in Ihre Freundesliste auf
Schoko Schoko ist weiblich
Lichtjäger


images/avatars/avatar-38126.jpg

Dabei seit: 08.02.2007
Beiträge: 986
Herkunft: Hessen

Auf diesen Beitrag antworten Zitatantwort auf diesen Beitrag erstellen Diesen Beitrag editieren/löschen Diesen Beitrag einem Moderator melden       Zum Anfang der Seite springen

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
07.10.2010 13:40 Schoko ist offline E-Mail an Schoko senden Homepage von Schoko Beiträge von Schoko suchen Nehmen Sie Schoko in Ihre Freundesliste auf
Baumstruktur | Brettstruktur
Gehe zu:
Gegen Bilderklau - Das Original » Design, Website, Copyright » Homepagehilfe » Homepagehilfe - Archiv » [JS] Mouseover

Impressum

Forensoftware: Burning Board, entwickelt von WoltLab GmbH