Fragen und Antworten » Pop Up Fenster bei onmouse over

22.12.2010 21:47

MysticTears
#1 Pop Up Fenster bei onmouse over

Hallo liebe MitForenBetreiber ^^,

ich hätte da ein etwas kniffliges Problem.
Ich binde in mein Forum eigene Seiten ein und möchte auf diesen Bilder einbinden, welche dann
sobald man mit der Maus drübergeht ein kleines Pop-Up-Fenster öffnen, in dem ein anderes Bild
auftaucht. Sobald man das erste Bild mit der Maus verlässt, soll das Pop Up wieder zugehen.

Ich hab das jetzt mehrfach probiert, aber irgendwie scheint die vordefinierte onmouseover
Funktion nicht zu funktionieren oder ich stell mich nur gerade dumm an ^^

Wäre ganz toll, wenn mir jmd helfen könnte.

lg Mystic

PS: Beispiel-Seite

MysticPages.de

Antworten

Beitrag melden

#2

23.12.2010 22:30

Fabian
#2 RE: Pop Up Fenster bei onmouse over

Fabian

Hallo MysticTears,

kannst du uns den Code von deinem Beispiel geben?
und welche "vordefinierte onmouseover Funktion" möchtest du verwenden?

Servus
Fabian Klose

Antworten

Beitrag melden

#3

03.01.2011 16:53 (zuletzt bearbeitet: 03.01.2011 16:59)

MysticTears
#3 RE: Pop Up Fenster bei onmouse over

MysticTears

ich schieb mal nen Link rein:

Beispiel-Seite

auf dieser Seite sind in der ersten Spalte der Tabelle kleine Symbole. Wenn ich nun die Maus über die Symbole halte, soll nen kleines Fenster auf-poppen, in dem nen neues Bild erscheint. Sobald ich die Maus von dem kleinem Symbol entferne, soll das Pop-Up aber wieder automatisch zugehen. Die Seite, die ich hier als Link reingestellt habe, wurde mit Hilfe der Admin-Funktion Layout/Eigene Seiten erstellt. Dort gibt es die Möglichkeiten per Short-Cuts links zu erstellen (mit der Unterkategorie Ereignisse/onmouseover). Hab das mal mit ner gewöhnlichen An-Click Funktion probiert (siehe Beispiel Seite: Symbol des Bhehertschild), da funktioniert es auch ... nur wenn ichs mit Aktion: "Maus drüber" statt "Click drauf" einstellen will, geht es nicht.

hmmm hoffe du verstehst was ich meine ^^

PS: das ist der Code dazu, wie er beim Anclicken verwendet wird:

1
 
<td style="text-align: center;"><a onclick="window.open('https://files.homepagemodules.de/b518286/pictures_u1039_thumb_81301d.jpg','','width=116,height=120,left='+(screen.availWidth/2-58)+',top='+(screen.availHeight/2-60)+'');return false;" href="http:/files.homepagemodules.de/b518286/pictures_u1038_thumb_b8cb1c.jpg" target="_blank"><img src="https://files.homepagemodules.de/b518286/pictures_u895_700eb3.jpg" alt="" width="39" height="39" /></a></td>

Was genau müsste ich da ändern, damit es eben beim drüberbewegen aufpoppt und wieder zugeht bzw. wie bekomm ich das am besten bei "Admin/Layout/Eigene Seiten/Link einfügen" hin, damit ich nicht ständig im Code rumschreiben muss.

MysticPages.de

Antworten

Beitrag melden

#4

04.01.2011 00:48 (zuletzt bearbeitet: 04.01.2011 00:53)

Olaf
#4 RE: Pop Up Fenster bei onmouse over

Ol

Olaf

Zitat von MysticTears

PS: das ist der Code dazu, wie er beim Anclicken verwendet wird:

1
 
<td style="text-align: center;"><a onclick="window.open('https://files.homepagemodules.de/b518286/pictures_u1039_thumb_81301d.jpg','','width=116,height=120,left='+(screen.availWidth/2-58)+',top='+(screen.availHeight/2-60)+'');return false;" href="http:/files.homepagemodules.de/b518286/pictures_u1038_thumb_b8cb1c.jpg" target="_blank"><img src="https://files.homepagemodules.de/b518286/pictures_u895_700eb3.jpg" alt="" width="39" height="39" /></a></td>

So einfach kommst Du um die Sache nicht herum.
Du hast 44 Bilder plus je 1 Popupbild macht dann 88 Bilder,die erstmal vorgeladen werden müssen.
Dieses erledigt ein Javascript.
Auf dieser Seite ist für Deine Zwecke ein guter OnMouseOver Generator

http://www.animiertegifs.de/java-scripts...load/index.html

Ich habe mal nur für Dein eines Bild den Code erzeugt.
Javascript:

1
2
3
4
5
6
7
8
9
10
 
<script language="JavaScript">
<!--
// Dauerstress - Alles kostenlos für die eigene Homepage
// http://www.dauerstress.de 
aus1 = new Image();
aus1.src = "https://files.homepagemodules.de/b518286/pictures_u895_700eb3.jpg";
an1 = new Image();
an1.src = "https://files.homepagemodules.de/b518286/pictures_u1039_thumb_81301d.jpg";
//-->
</script>
 

Und den HTML Teil,der für jedes Bild in der Template da eingesetzt werden muß,wo jedesmal das Bild jetzt im Forum ist.

1
2
3
4
 
<img src="https://files.homepagemodules.de/b518286/pictures_u895_700eb3.jpg" border="0" alt="" 
onmouseover="a1.src='https://files.homepagemodules.de/b518286/pictures_u1039_thumb_81301d.jpg';" 
onmouseout="a1.src='https://files.homepagemodules.de/b518286/pictures_u895_700eb3.jpg';" name="a1"> 
 
 

Gruß
Olaf

__________________________

http://138600.homepagemodules.de/

Antworten

Beitrag melden

#5

05.01.2011 13:37

( Gast )
#5 RE: Pop Up Fenster bei onmouse over

Gast

( Gast )

Danke für die schnelle Antwort :-)
Ich teste das mal in Ruhe und geb dann nen Feedback dazu ab.

lg Mystic

Antworten

Beitrag melden

#6

05.01.2011 16:57

69magic
#6 RE: Pop Up Fenster bei onmouse over

69magic

@olaf

Bei mir funktioniert onmouseover auch ohne, dass ich erst die Bilder per Javascript vorlade.

Antworten

Beitrag melden

#7

05.01.2011 18:08 (zuletzt bearbeitet: 05.01.2011 18:12)

Olaf
#7 RE: Pop Up Fenster bei onmouse over

Ol

Olaf

Zitat von 69magic
@olaf

Bei mir funktioniert onmouseover auch ohne, dass ich erst die Bilder per Javascript vorlade.

Bei vielen und größeren Grafiken ist das so üblich,das ein Javascript die Bilder im Head Bereich vorläd,damit sie auch sofort beim Aufruf zur Verfügung stehen.

In diesem Fall,wo es sich wahrscheinlich um kleinere Grafiken handelt,kann man auch vielleicht ohne den Javascript (Vorladen) arbeiten.

1
2
3
 
<img src="https://files.homepagemodules.de/b518286/pictures_u895_700eb3.jpg" border="0" alt="" 
onmouseover="src='https://files.homepagemodules.de/b518286/pictures_u1039_thumb_81301d.jpg';" 
onmouseout="src='https://files.homepagemodules.de/b518286/pictures_u895_700eb3.jpg';"> 
 

Gruß
Olaf

__________________________

http://138600.homepagemodules.de/

Antworten

Beitrag melden