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.
Regeln und nützliche Hinweise
Lexi Help
Die neuesten Themen
» Signal für Chat
von inde Gestern um 23:43

» [phpBB2] "Ihre Sitzung ist abgelaufen".
von inde Gestern um 23:41

» [ModernBB] Weiterleitung zur Startseite
von inde Gestern um 19:57

» [phpBB2] Saol Eile : Welt der Mythen
von Sunshinex33 Gestern um 3:12

» [ModernBB] Transparenz der Tabelle
von deafgopro Di 25 Apr 2017 - 15:47

» [ModernBB] Avatar - Profil auf die linke Seite
von deafgopro Mo 24 Apr 2017 - 21:52

» Benachrichtigungen
von inde Mo 24 Apr 2017 - 18:59

» [ModernBB] Profil Informationen im Forum - Farbe nicht veränderbar
von inde Mo 24 Apr 2017 - 15:54

» [#9712] Gründerwechsel nach Inaktivität des Gründers
von Bigtuber Mo 24 Apr 2017 - 14:09

» Sailor Moon Forum SMF
von Rika So 23 Apr 2017 - 12:09

» Natur und Wildlife Forum
von Stephan68 Sa 22 Apr 2017 - 19:44

» Gründerwechsel nach Inaktivität des Gründers
von Checvx Sa 22 Apr 2017 - 1:25

» Update der Facebook-Verbindung
von inde Fr 21 Apr 2017 - 18:07

» SPAM
von inde Fr 21 Apr 2017 - 17:53

» [phpBB2] Style zerschießt sich
von Bigtuber Fr 21 Apr 2017 - 1:56

» [Invision] Neues Thema - Antworten verschieben
von inde Do 20 Apr 2017 - 21:05

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