Regeln und nützliche Hinweise
E-Mail-Adressen dürfen nicht veröffentlicht werden!
Lexi Help
Die neuesten Themen
» Forenübernahme wegen langer inaktivät des alten Gründers
von Bigtuber Gestern um 21:15

» Chat wird nicht automatisch aktualisiert
von Davina123 Gestern um 21:13

» Tamashii no Utsuri | Naruto RPG
von May3 Gestern um 17:02

» Forum vor Gästen verschliessen
von inde Gestern um 14:43

» [phpBB2] Werbebanner sitzt falsch im Kopfbereich des Index.
von inde Di 21 Feb 2017 - 21:59

» [phpBB2] Forenseite in PDF umwandeln
von inde Di 21 Feb 2017 - 21:54

» Keine Zugangsdaten zu Forum/ Zugangsdaten verloren gegangen
von Davide S. Di 21 Feb 2017 - 21:22

» Regeln des Werbeforums
von Forumbot Di 21 Feb 2017 - 21:21

» Präsentationsvorlage
von Forumbot Di 21 Feb 2017 - 21:20

» Regeln des Werbeforums
von Forumbot Di 21 Feb 2017 - 21:18

» Präsentationsvorlage
von Forumbot Di 21 Feb 2017 - 21:17

» Regeln des Werbeforums
von Forumbot Di 21 Feb 2017 - 21:15

» Präsentationsvorlage
von Forumbot Di 21 Feb 2017 - 21:15

» Regeln des Werbeforums
von Forumbot Di 21 Feb 2017 - 21:13

» Präsentationsvorlage
von Forumbot Di 21 Feb 2017 - 21:12

» Regeln des Werbeforums
von Forumbot Di 21 Feb 2017 - 21:10

Partner
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

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

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

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-

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