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
» Anti-Spam-Prüfung bei Mitgliedern
von Skouliki Gestern um 18:10

» Die Heidekriger (WaCa) mit Punktesystem
von Rama So 21 Apr 2024 - 20:44

» Forum löschen, Probleme mit Gründeraccount
von Skouliki Di 9 Apr 2024 - 14:03

» [AwsomeBB] LogIn Farbe Weiß auf weiß
von Skouliki Sa 30 März 2024 - 21:14

» kann man noch Blogs hier erstellen?
von Joost Mi 27 März 2024 - 18:40

» Einstellen der Profilfelder funktioniert nicht
von Skouliki Di 26 März 2024 - 12:54

» Gründer-E-Mail-Adresse ändern
von Skouliki Mo 25 März 2024 - 13:48

» PN's werden nicht mehr rot eingefärbt
von Skouliki Fr 22 März 2024 - 7:44

»  Missbrauchsmeldung "Sexueller Inhalt" war (wieder) Werbung/Spam/Scam
von Skouliki Do 21 März 2024 - 9:03

» [phpBB3] Suchfunktion ohne Funktion
von Skouliki Mi 20 März 2024 - 8:41

» Neuer User kann sich anmelden.
von Skouliki Mi 20 März 2024 - 8:38

» Zugangsdaten vergessen/verloren
von Joost Sa 16 März 2024 - 21:07

» Schwierigkeiten mit BBCode
von Skouliki Fr 15 März 2024 - 11:51

» Entdeckt die neue Option Servimg Premium
von Joost Mi 6 März 2024 - 19:50

» Neues YAMAHA XT660-Forum
von gnadenlos Fr 1 März 2024 - 7:33

» Forum nur noch für Eingeloggte sichtbar?
von Skouliki Di 27 Feb 2024 - 7:53

» [phpBB3] Eine Frage zum Forum selbst.
von Skouliki Di 27 Feb 2024 - 7:52

» Beiträge verschwinden
von Skouliki Do 22 Feb 2024 - 7:47

Beiträge mit den meisten Reaktionen des Monats
» Beitrag von Black Heaven in Anti-Spam-Prüfung bei Mitgliedern
( 1 )


» Beitrag von Skouliki in Anti-Spam-Prüfung bei Mitgliedern
( 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