Teammitglieder online
Support-Box
Neue Beiträge seit dem letzten Besuch.
Textbausteine des MODERATIONSTOOL
AB > PFAD > GENERATOR
FORUM > PFAD > GENERATOR
Unterstützung Lösungs-Probleme
Auffällige
User
Der Runde
Tisch
HÄUFIG GESTELLTE FRAGEN
Regeln und nützliche Hinweise
Unsere Regeln lesen und beachten
Die gesonderten Regeln für den Grafikbereich
Die Regeln für den Bereich Vorschläge
Vorgehensweise bei vergessenem Passwort
Anleitung Gründerwechsel -Forenübernahme
Warum die Gründerdaten so wichtig sind
Funktionen für den Gründer
Anfragen über PN werden nicht beantwortet
Vor dem Posten die Suchfunktion benutzen
E-Mail-Adressen nicht veröffentlichen!
Ein Forum löschen, wie mache ich das?
Unsere Tutorial's für noch mehr Features
Liste der am häufigsten gestellten Fragen
Neueste Themen
» Profil in beiträgen nur im blog deaktivieren.
von derforumde Gestern um 18:19

» Das Plauderforum ist zurück!
von Eto Mo 25 Nov 2024 - 17:59

» [phpBB2] Javascripte funktionieren nicht mehr
von Miho Mo 25 Nov 2024 - 11:05

» [Invision] Editor über den Bildrand ziehbar + Schriftgrößenproblem
von Skouliki Mi 20 Nov 2024 - 8:06

» Passwort für meinen Adminbereich vergessen.
von Joost Sa 9 Nov 2024 - 10:13

» [Invision] Signatur wird nicht immer eingefügt
von Skouliki Mo 4 Nov 2024 - 16:33

» [Invision]  Schriftgröße Navigationsleiste, Links und Forenbeschreibungen
von Skouliki So 27 Okt 2024 - 13:29

» [Invision] Transparent Logohintergrund/Struktur
von Joost So 27 Okt 2024 - 12:58

» png wird im servimg in ein jpg umgewandelt
von Skouliki Mi 23 Okt 2024 - 20:26

» Passwort Vergessen (SilentHowl)
von Joost Do 17 Okt 2024 - 17:14

» [Invision] Hintergrundbild fixieren
von Skouliki Mo 14 Okt 2024 - 11:30

» Paßwort vergessen
von Joost So 13 Okt 2024 - 17:58

» Anti-Spam-Prüfung
von Hana19 Sa 12 Okt 2024 - 16:59

» Private Nachrichten bleiben im Postausgang hängen
von Skouliki Fr 11 Okt 2024 - 11:11

» [phpBB3] Mittelteil des Forums verschoben
von Eto Mo 7 Okt 2024 - 20:50

» [phpBB3] Farbpalette ändern
von Skouliki Mo 7 Okt 2024 - 10:08

» [Klassische Version] Account löschen
von Joost Sa 5 Okt 2024 - 21:05

» Chatbox einloggen nicht möglich
von Joost So 29 Sep 2024 - 8:01

Beiträge mit den meisten Reaktionen des Monats
» Beitrag von Agorass in Passwort für meinen Adminbereich vergessen.
( 2 )


» Beitrag von Keks in [phpBB2] Unterforen Nebeneinander
( 1 )


Bild ändern, wenn die Maus auf dem Bild ist

2 verfasser

Das Forum der Foren :: Hilfe und Unterstützung :: Aussehens des Forums anpassen :: Aussehen des Forums anpassen - Archiv

Vorheriges Thema anzeigen Nächstes Thema anzeigen Nach unten

maus* - Bild ändern, wenn die Maus auf dem Bild ist Empty Bild ändern, wenn die Maus auf dem Bild ist

Beitrag von Cami 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: https://2img.net/r/ihimizer/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: https://2img.net/r/ihimizer/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 ;-))
avatar
Cami
Lehrling
Lehrling

Weiblich Beiträge : 24
Anmeldedatum : 01.10.09
keine
phpBB3

Nach oben Nach unten

maus* - Bild ändern, wenn die Maus auf dem Bild ist Empty Re: Bild ändern, wenn die Maus auf dem Bild ist

Beitrag von Zuckerpuppe 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
Zuckerpuppe
Admin a.D.
Admin a.D.

Weiblich Beiträge : 19539
Anmeldedatum : 24.04.08
keine
phpBB3

Nach oben Nach unten

maus* - Bild ändern, wenn die Maus auf dem Bild ist Empty Re: Bild ändern, wenn die Maus auf dem Bild ist

Beitrag von Cami 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
avatar
Cami
Lehrling
Lehrling

Weiblich Beiträge : 24
Anmeldedatum : 01.10.09
keine
phpBB3

Nach oben Nach unten

maus* - Bild ändern, wenn die Maus auf dem Bild ist Empty Re: Bild ändern, wenn die Maus auf dem Bild ist

Beitrag von Zuckerpuppe 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
Zuckerpuppe
Admin a.D.
Admin a.D.

Weiblich Beiträge : 19539
Anmeldedatum : 24.04.08
keine
phpBB3

Nach oben Nach unten

maus* - Bild ändern, wenn die Maus auf dem Bild ist Empty Re: Bild ändern, wenn die Maus auf dem Bild ist

Beitrag von Cami 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!
avatar
Cami
Lehrling
Lehrling

Weiblich Beiträge : 24
Anmeldedatum : 01.10.09
keine
phpBB3

Nach oben Nach unten

maus* - Bild ändern, wenn die Maus auf dem Bild ist Empty Re: Bild ändern, wenn die Maus auf dem Bild ist

Beitrag von Cami Fr 14 Jan 2011 - 12:37

.


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

Weiblich Beiträge : 24
Anmeldedatum : 01.10.09
keine
phpBB3

Nach oben Nach unten

maus* - Bild ändern, wenn die Maus auf dem Bild ist Empty Re: Bild ändern, wenn die Maus auf dem Bild ist

Beitrag von Zuckerpuppe 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 = "https://2img.net/r/ihimizer/img810/2208/gildenvorstellung1.gif"
button2= new Image();
button2.src = "https://2img.net/r/ihimizer/img40/7292/gildenvorstellung2.gif"
button3= new Image();
button3.src = "https://2img.net/r/ihimizer/img810/2208/gildenvorstellung1.gif"
button4= new Image();
button4.src = "https://2img.net/r/ihimizer/img40/7292/gildenvorstellung2.gif"
//-->
</script>
</head>
<body>
<a href="http://www.aeriagames.com/forums/de/viewtopic.php?t=65837"
onmouseover="austausch1.src='https://2img.net/r/ihimizer/img40/7292/gildenvorstellung2.gif';"
onmouseout="austausch1.src='https://2img.net/r/ihimizer/img810/2208/gildenvorstellung1.gif';">
<img src="https://2img.net/r/ihimizer/img810/2208/gildenvorstellung1.gif" border="0" name="austausch1">
<br>
<a href="http://www.aeriagames.com/forums/de/viewtopic.php?t=65837"
onmouseover="austausch3.src='https://2img.net/r/ihimizer/img40/7292/gildenvorstellung2.gif';"
onmouseout="austausch3.src='https://2img.net/r/ihimizer/img810/2208/gildenvorstellung1.gif';">
<img src="https://2img.net/r/ihimizer/img810/2208/gildenvorstellung1.gif" border="0" name="austausch3">
</body>
</html>
Zuckerpuppe
Zuckerpuppe
Admin a.D.
Admin a.D.

Weiblich Beiträge : 19539
Anmeldedatum : 24.04.08
keine
phpBB3

Nach oben Nach unten

maus* - Bild ändern, wenn die Maus auf dem Bild ist Empty Re: Bild ändern, wenn die Maus auf dem Bild ist

Beitrag von Cami Fr 14 Jan 2011 - 13:04

Lieben Dank,

hat prima geklappt! Ick bin fertig hier! Wink
avatar
Cami
Lehrling
Lehrling

Weiblich Beiträge : 24
Anmeldedatum : 01.10.09
keine
phpBB3

Nach oben Nach unten

Vorheriges Thema anzeigen Nächstes Thema anzeigen Nach oben

- Ähnliche Themen

Das Forum der Foren :: Hilfe und Unterstützung :: Aussehens des Forums anpassen :: Aussehen des Forums anpassen - Archiv

 
Befugnisse in diesem Forum
Sie können in diesem Forum nicht antworten