Lexi Help
Die neuesten Themen
» [Update] Neues Theme der mobilen Version V2
von Tierfreund-97 Gestern um 23:14

» Mobile Ansicht leider Fehlerhaft
von Br0adsw0rd Gestern um 19:31

» [phpBB2] Hintergrund festpinnen
von Fayé Gestern um 16:56

» Mein altes Forum zurückbekommen
von Bigtuber Do 29 Sep 2016 - 22:59

» Impressum
von #Frank Mi 28 Sep 2016 - 23:45

» [phpBB2] Im Beitrag Bild und Text nebeneinander anzeigen
von #Frank Mi 28 Sep 2016 - 23:43

» [phpBB2] Unicode Emojis im Forum
von Mariacher J.E. Mi 28 Sep 2016 - 22:07

» Themen-Icons
von Bigtuber Mi 28 Sep 2016 - 20:46

» [phpBB2] Schriftfarbe in der Expressantwort
von Bigtuber Mi 28 Sep 2016 - 20:09

» Themen fixieren
von inde Mi 28 Sep 2016 - 20:05

» Begriff : "merken"
von Ray Di 27 Sep 2016 - 12:14

» [PunBB] Umzug eines funktionierenden Forums von PunBB auf phpBB?
von inde Di 27 Sep 2016 - 11:07

» Servamp Forum
von Raine Kamiya Mo 26 Sep 2016 - 22:47

» [phpBB2] Probleme mit der "Postprofil" Anzeige
von Dr.Keks Mo 26 Sep 2016 - 20:56

» Private Nachrichten
von inde Mo 26 Sep 2016 - 10:05

» Wie kann man erkennen, welche Forenversion ein anderes Forum hat?
von inde So 25 Sep 2016 - 22:24

Partner
free forum

[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

Nutzerprofil 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

Nutzerprofil 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

Nutzerprofil 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-Button angezeigt wird (und nicht :nohtml:).

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

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

Nutzerprofil 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

Nutzerprofil 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

Nutzerprofil 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

Nutzerprofil 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

Nutzerprofil anzeigen

Nach oben Nach unten

Vorheriges Thema anzeigen Nächstes Thema anzeigen Nach oben


 
Forenbefugnisse:
Sie können in diesem Forum nicht antworten