Lexi Help
Die neuesten Themen
» [Update] Neues Theme der mobilen Version V2
von Forumbot Gestern um 19:32

» [phpBB2] Probleme mit der "Postprofil" Anzeige
von Dr.Keks Gestern um 11:29

» [Sammelthread] Unangebrachte Werbung
von inde Fr 23 Sep 2016 - 9:00

» [PunBB] Umzug eines funktionierenden Forums von PunBB auf phpBB?
von inde Do 22 Sep 2016 - 20:30

» [phpBB2] Gruppen in der Wer is Online Anzeige "trennen"
von TheRollyJoger Mi 21 Sep 2016 - 10:49

» Yaruma - Fantasy-RPG Forum
von Alketa Di 20 Sep 2016 - 21:34

» [phpBB3] Links automatisch kursiv
von inde Di 20 Sep 2016 - 17:37

» [Invision] Kompletter Css-Codebaum gesucht !
von inde Di 20 Sep 2016 - 13:12

» Filmforum "Dark Movie Dreams"
von Ray Di 20 Sep 2016 - 11:56

» Forumseite mit Mailware verseucht ?
von inde Mo 19 Sep 2016 - 20:31

» Ich kann keine Hintergrundbilder hochladen
von Serv Mo 19 Sep 2016 - 19:59

» SQL Zugang
von inde Mo 19 Sep 2016 - 18:56

» Design vergrößern. Probleme mit Design.
von Minka02 Mo 19 Sep 2016 - 17:42

» Logo für Minka02 (Kampfkatzen-rgp.forumieren.net)
von inde Mo 19 Sep 2016 - 16:09

» Wo kann man einen Avatar als User iner Seite hochladen?
von inde Mo 19 Sep 2016 - 14:25

» FC Liverpool Forum
von inde Mo 19 Sep 2016 - 12:00

Partner
free forum

Bild ändern, wenn die Maus auf dem Bild ist

Vorheriges Thema anzeigen Nächstes Thema anzeigen Nach unten

Bild ändern, wenn die Maus auf dem Bild ist

Beitrag von Cami am Fr 14 Jan 2011 - 10:10

[center]Hallo ihr Lieben,

ich habe mich schon hier durch das Forum gesucht wie aber auch durchgegoogelt und leider Ergebnisse gefunden, die ich nicht erfolgreich übernehmen konnte.

Ich möchte gerne auf meiner Portalseite ein Modul erstellen, dass 3 Verlinkungen beinhaltet.

Als erste Verlinkung hätte ich gern diese URL: http://www.aeriagames.com/forums/de/viewtopic.php?t=65837

Das Bild und die Verlinkung habe ich hinbekommen. Das Bild soll dieses sein: http://img810.imageshack.us/img810/2208/gildenvorstellung1.gif

Jetzt möchte ich nur, wenn ein Benutzer des Forums auf dieses Bild mit dem Mauszeiger geht, das Bild sich in dieses Bild verändert: http://img40.imageshack.us/img40/7292/gildenvorstellung2.gif

Einen entprechenden HTML-Code habe ich bereits gefunden, doch leider zeigt es mir nicht den erwünschten Effekt an.

Ich wäre für einen HTML-Code für das Modul sehr dankbar!

Liebe Grüße und vielen Dank im Voraus

Cami


Zuletzt von Zuckerpuppe am Fr 14 Jan 2011 - 10:38 bearbeitet, insgesamt 1 mal bearbeitet (Grund : Formatierung entfernt...siehe Regeln ;-))

Cami
Neuling
Neuling

Weiblich Beiträge : 24
Anmeldedatum : 01.10.09

Nutzerprofil anzeigen

Nach oben Nach unten

Re: Bild ändern, wenn die Maus auf dem Bild ist

Beitrag von Zuckerpuppe am Fr 14 Jan 2011 - 10:55

Hallo,

setz das mal so ein...das sollte passen Smile
Code:
<html>
<head>
<script
language="JavaScript">
<!--
button1= new Image();
button1.src = "http://img810.imageshack.us/img810/2208/gildenvorstellung1.gif"
button2= new Image();
button2.src = "http://img40.imageshack.us/img40/7292/gildenvorstellung2.gif"
//-->
</script>
</head>
<body>
<a href="http://www.aeriagames.com/forums/de/viewtopic.php?t=65837"
onmouseover="austausch1.src='http://img40.imageshack.us/img40/7292/gildenvorstellung2.gif';"
onmouseout="austausch1.src='http://img810.imageshack.us/img810/2208/gildenvorstellung1.gif';">
<img src="http://img810.imageshack.us/img810/2208/gildenvorstellung1.gif" border="0" name="austausch1">

</body>
</html>


Zuckerpuppe
Admin a.D.
Admin a.D.

Weiblich Beiträge : 19541
Anmeldedatum : 24.04.08

Nutzerprofil anzeigen

Nach oben Nach unten

Re: Bild ändern, wenn die Maus auf dem Bild ist

Beitrag von Cami am Fr 14 Jan 2011 - 11:19

Lieben Dank für die schnelle Hilfe!

Aber eine Frage interessiert mich noch:

Wenn ich 2 weitere Links einfügen möchte mit weiteren Bildern, die ebenfalls sich ändern, wenn der Mauszeiger darauf ist, kann ich das obige Script einfach noch mal 2 Mal verwenden mit den anderen Angaben? Oder müsst ich das Script erweitern?

Lieben Dank für die Antwort im Voraus!

Cami

Cami
Neuling
Neuling

Weiblich Beiträge : 24
Anmeldedatum : 01.10.09

Nutzerprofil anzeigen

Nach oben Nach unten

Re: Bild ändern, wenn die Maus auf dem Bild ist

Beitrag von Zuckerpuppe am Fr 14 Jan 2011 - 11:36

nein, wenn du das gleiche Script ein zweites Mal genau so einsetzt, funktioniert das nicht..
du musst das bisherige Script erweitern Smile

Beispiel mit einer zweiten Grafik, die sich beim Mouseover verändern soll:
(ich habe jetzt mal auf die Schnelle die gleichen Bilder verwendet..)
Code:
<html>
<head>
<script
language="JavaScript">
<!--
button1= new Image();
button1.src = "http://img810.imageshack.us/img810/2208/gildenvorstellung1.gif"
button2= new Image();
button2.src = "http://img40.imageshack.us/img40/7292/gildenvorstellung2.gif"
button3= new Image();
button3.src = "http://img810.imageshack.us/img810/2208/gildenvorstellung1.gif"
button4= new Image();
button4.src = "http://img40.imageshack.us/img40/7292/gildenvorstellung2.gif"
//-->
</script>
</head>
<body>
<a href="http://www.aeriagames.com/forums/de/viewtopic.php?t=65837"
onmouseover="austausch1.src='http://img40.imageshack.us/img40/7292/gildenvorstellung2.gif';"
onmouseout="austausch1.src='http://img810.imageshack.us/img810/2208/gildenvorstellung1.gif';">
<img src="http://img810.imageshack.us/img810/2208/gildenvorstellung1.gif" border="0" name="austausch1">
<a href="http://www.aeriagames.com/forums/de/viewtopic.php?t=65837"
onmouseover="austausch3.src='http://img40.imageshack.us/img40/7292/gildenvorstellung2.gif';"
onmouseout="austausch3.src='http://img810.imageshack.us/img810/2208/gildenvorstellung1.gif';">
<img src="http://img810.imageshack.us/img810/2208/gildenvorstellung1.gif" border="0" name="austausch3">

</body>
</html>


Zuckerpuppe
Admin a.D.
Admin a.D.

Weiblich Beiträge : 19541
Anmeldedatum : 24.04.08

Nutzerprofil anzeigen

Nach oben Nach unten

Re: Bild ändern, wenn die Maus auf dem Bild ist

Beitrag von Cami am Fr 14 Jan 2011 - 12:13

Oh weh, ich glaub, das wird bei mir ne schwere Geburt!

Ich bin gerade dabei die anderen beiden Bilder (Buttons) fertigzustellen, um die dann auf eine Verlinkung zu setzen.

Ich hab dein zweites Script mal eingefügt und leider bemerkt, dass die Verlinkungen und somit die Bilder nebeneinander stehen. Ich hätt sie jedoch gern untereinander! :-( *duck vor Haue*

Schau mal hier: http://darksiders.youneed.us/ So sollte es aussehen in der Anordnung!

Cami
Neuling
Neuling

Weiblich Beiträge : 24
Anmeldedatum : 01.10.09

Nutzerprofil anzeigen

Nach oben Nach unten

Re: Bild ändern, wenn die Maus auf dem Bild ist

Beitrag von Cami am Fr 14 Jan 2011 - 12:37

.


Zuletzt von Cami am Fr 14 Jan 2011 - 13:03 bearbeitet, insgesamt 1 mal bearbeitet

Cami
Neuling
Neuling

Weiblich Beiträge : 24
Anmeldedatum : 01.10.09

Nutzerprofil anzeigen

Nach oben Nach unten

Re: Bild ändern, wenn die Maus auf dem Bild ist

Beitrag von Zuckerpuppe am Fr 14 Jan 2011 - 12:49

wenn die Grafiken untereinander stehen sollen, dann musst du einfach ein HTML-tag für eine Leerzeile eingeben...also <br>
Ich habe es im Code mal farbig markiert. Wenn du größere Abstände möchtes, dann musst du eben noch mehr davon einfügen Wink

<html>
<head>
<script
language="JavaScript">
<!--
button1= new Image();
button1.src = "http://img810.imageshack.us/img810/2208/gildenvorstellung1.gif"
button2= new Image();
button2.src = "http://img40.imageshack.us/img40/7292/gildenvorstellung2.gif"
button3= new Image();
button3.src = "http://img810.imageshack.us/img810/2208/gildenvorstellung1.gif"
button4= new Image();
button4.src = "http://img40.imageshack.us/img40/7292/gildenvorstellung2.gif"
//-->
</script>
</head>
<body>
<a href="http://www.aeriagames.com/forums/de/viewtopic.php?t=65837"
onmouseover="austausch1.src='http://img40.imageshack.us/img40/7292/gildenvorstellung2.gif';"
onmouseout="austausch1.src='http://img810.imageshack.us/img810/2208/gildenvorstellung1.gif';">
<img src="http://img810.imageshack.us/img810/2208/gildenvorstellung1.gif" border="0" name="austausch1">
<br>
<a href="http://www.aeriagames.com/forums/de/viewtopic.php?t=65837"
onmouseover="austausch3.src='http://img40.imageshack.us/img40/7292/gildenvorstellung2.gif';"
onmouseout="austausch3.src='http://img810.imageshack.us/img810/2208/gildenvorstellung1.gif';">
<img src="http://img810.imageshack.us/img810/2208/gildenvorstellung1.gif" border="0" name="austausch3">
</body>
</html>

Zuckerpuppe
Admin a.D.
Admin a.D.

Weiblich Beiträge : 19541
Anmeldedatum : 24.04.08

Nutzerprofil anzeigen

Nach oben Nach unten

Re: Bild ändern, wenn die Maus auf dem Bild ist

Beitrag von Cami am Fr 14 Jan 2011 - 13:04

Lieben Dank,

hat prima geklappt! Ick bin fertig hier! Wink

Cami
Neuling
Neuling

Weiblich Beiträge : 24
Anmeldedatum : 01.10.09

Nutzerprofil anzeigen

Nach oben Nach unten

Vorheriges Thema anzeigen Nächstes Thema anzeigen Nach oben


 
Forenbefugnisse:
Sie können in diesem Forum nicht antworten