Das Forum der Foren
Willkommen im offiziellen Supportforum von Forumieren!

Um alle Vorteile unseres Forums zu nutzen, melden Sie sich bitte an. Wenn Sie bereits Mitglied sind, loggen Sie sich ein.


Erstellen Sie ein kostenloses Forum wie dieses hier.
Forenaustausch

Alle Anzeigen ansehen

Regeln und nützliche Hinweise
Lexi Help
Lexi Help
Schnelle
Hilfe
Klicke Hier
www.forumieren.de

[phpBB2] Mousehover Effekt Bilder tauschen

Vorheriges Thema anzeigen Nächstes Thema anzeigen Nach unten

Erledigt [phpBB2] Mousehover Effekt Bilder tauschen

Beitrag von Chazu am Sa 9 Nov 2013 - 20:40

Guten Abend,

lange nicht mehr da gewesen und nun wieder da, welch Logik!

Ich habe mal wieder eine Frage zu einem Problem das ich derzeit habe. Nach gut 1 Stunde elendiges Suchen, bin ich noch keinen Schritt weiter gekommen.

Ich möchte gerne, das über ein Mousehover Effekt ein Bild durch ein anderes ersetzt wird.

Habe mal zwei Bsp Bilder.

Spoiler:

Altes Bild:



Neues Bild:

ist es überhaupt möglich in einem Mousehover Effekt  2 verschiedene Größenarten zu benutzen, so das das neue Bild das erscheint größer ist als das Alte Bild?

Hoffe ihr könnt mir weiter helfen.

Gruß
[/i]


Zuletzt von Chazu am Sa 9 Nov 2013 - 21:22 bearbeitet; insgesamt 1-mal bearbeitet

Chazu
Neuling
Neuling

Beiträge : 46
Anmeldedatum : 04.07.12
keine
phpBB2

Benutzerprofil anzeigen

Nach oben Nach unten

Erledigt Re: [phpBB2] Mousehover Effekt Bilder tauschen

Beitrag von Günther am Sa 9 Nov 2013 - 20:54

Hallo,

ich habe die Textformatierung (Kursivschrift) aus deinem Beitrag entfernt, da diese den Teammitgliedern vorbehalten sind. Bitte in Zukunft beachten, danke. Idea

Du findest zu diesem Effekt verschiedene Themen über die Suchfunktion: Suchbegriffe Hover, Mouseover ...

Ein Beispiel, dort befindet sich ein entsprechender HTML-Code mit Scriptattributen:
Frage zu Mouseover und Menü
Mit deinen Beispielbildern würde das so aussehen:
Code:
<img src="http://img5.fotos-hochladen.net/uploads/altesbildbqvf14krpa.png" onmouseover="this.src='http://img5.fotos-hochladen.net/uploads/pergament5r14jvylt6.png';" onmouseout="this.src='http://img5.fotos-hochladen.net/uploads/altesbildbqvf14krpa.png';">
Du siehst, dass es kein Problem ist, wenn die Hovergrafik größer als die Ausgangsgrafik ist (umgekehrt wäre es aber aus technischen Gründen ein Problem!). Ob das aber einen guten Effekt ergibt, musst du beurteilen...

Liebe Grüße
Günther
avatar
Günther
Admin a.D.
Admin a.D.

Männlich Beiträge : 15349
Anmeldedatum : 16.07.08
keine
Firefox phpBB3

Benutzerprofil anzeigen

Nach oben Nach unten

Erledigt Re: [phpBB2] Mousehover Effekt Bilder tauschen

Beitrag von Chazu am Sa 9 Nov 2013 - 21:01

Ich glaub das hattest du mir schon mal gesagt, tut mir Leid hatte ich vergessen, ich schreibe immer kursiv ^^

Leider funktioniert der Code bei mir nicht, ich weiß nicht warum.

Chazu
Neuling
Neuling

Beiträge : 46
Anmeldedatum : 04.07.12
keine
phpBB2

Benutzerprofil anzeigen

Nach oben Nach unten

Erledigt Re: [phpBB2] Mousehover Effekt Bilder tauschen

Beitrag von Günther am Sa 9 Nov 2013 - 21:06

Er funktioniert nicht in Beiträgen, weil Scriptattribute darin nicht ausgeführt werden. Wink
http://hilfe.forumieren.com/t5307-script-funktion-gesperrt

In Modulen, Startseitennachricht etc. funktioniert der Code. Du musst beim Einsetzen aber darauf achten, dass über dem Eingabefeld der HTML-EDIT-Button angezeigt wird (und nicht :nohtml:).
avatar
Günther
Admin a.D.
Admin a.D.

Männlich Beiträge : 15349
Anmeldedatum : 16.07.08
keine
Firefox phpBB3

Benutzerprofil anzeigen

Nach oben Nach unten

Erledigt Re: [phpBB2] Mousehover Effekt Bilder tauschen

Beitrag von Chazu am Sa 9 Nov 2013 - 21:08

Ah ok danke, wollte das in einem Beitrag machen, gibt es keine andere Möglichkeit wo es auch bei Beiträgen funktioniert?

Chazu
Neuling
Neuling

Beiträge : 46
Anmeldedatum : 04.07.12
keine
phpBB2

Benutzerprofil anzeigen

Nach oben Nach unten

Erledigt Re: [phpBB2] Mousehover Effekt Bilder tauschen

Beitrag von Günther am Sa 9 Nov 2013 - 21:17

Voraussetzung dafür: HTML muss im Forum aktiviert sein, siehe Lexi Help "HTML aktivieren"
Code:
<style type="text/css">#hover_img{background-image:url("http://img5.fotos-hochladen.net/uploads/altesbildbqvf14krpa.png");height:120px;width:120px;}#hover_img:hover{background-image:url("http://img5.fotos-hochladen.net/uploads/pergament5r14jvylt6.png");height:250px;width:400px;}</style>
<div id="hover_img"></div>
Bildurls, Breiten- und Höhenwerte richtig einsetzen und keine Zeilenumbrüche innerhalb dieses Codes einfügen. Wink
avatar
Günther
Admin a.D.
Admin a.D.

Männlich Beiträge : 15349
Anmeldedatum : 16.07.08
keine
Firefox phpBB3

Benutzerprofil anzeigen

Nach oben Nach unten

Erledigt Re: [phpBB2] Mousehover Effekt Bilder tauschen

Beitrag von Chazu am Sa 9 Nov 2013 - 21:22

Ich danke dir (:

Wie so oft: Ihr seid Klasse!!!


Chazu
Neuling
Neuling

Beiträge : 46
Anmeldedatum : 04.07.12
keine
phpBB2

Benutzerprofil anzeigen

Nach oben Nach unten

Erledigt Re: [phpBB2] Mousehover Effekt Bilder tauschen

Beitrag von Günther am Sa 9 Nov 2013 - 21:23

Bitteschön und noch einen angenehmen Abend! Smile
-closed-
avatar
Günther
Admin a.D.
Admin a.D.

Männlich Beiträge : 15349
Anmeldedatum : 16.07.08
keine
Firefox phpBB3

Benutzerprofil anzeigen

Nach oben Nach unten

Vorheriges Thema anzeigen Nächstes Thema anzeigen Nach oben


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