Lexi Help
Partner
www.forumieren.com

[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

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

Günther
Admin a.D.
Admin a.D.

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

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

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:).

Günther
Admin a.D.
Admin a.D.

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

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

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

Günther
Admin a.D.
Admin a.D.

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

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

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-

Günther
Admin a.D.
Admin a.D.

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

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