Profil | Mitglieder | Registrieren | Start | Suche


PHP-Support.de » Programmierung » HTML, JavaScript & CSS » Infobox mit zeitlicher Verzögerung anzeigen    » Hallo Gast [Login | Registrieren]

Neues Thema | Antworten   

Autor Beitrag
Bob
Mitglied
Neuling


Dabei seit: 22.07.2018
Herkunft: keine Angabe
Posts: 4
     Infobox mit zeitlicher Verzögerung anzeigen Zitat | Bearbeiten

Hi,

ich habe eine kleine Routine, die ein Bild (bild.jpg) anzeigt, wenn man mit dem Mauszeiger über das dazugehörige Symbol (viewer.jpg) fährt. Das ganze funktioniert auch einwandfrei. Nun möchte ich gerne eine kleine Verzögerung von einer Sekunde einbauen. D.h. nur wenn der Mauszeiger länger als eine Sekunde das Symbol berührt, erscheint das Bild. Das hat den Zweck das das Bild nicht direkt angezeigt wird, wenn man ausversehen das Symbol streift. Wahrscheinlich ist so etwas wohl nur in Javascript machbar, oder? Aber wie! Könnt Ihr mir helfen?

Danke im voraus für Eure Hilfe :-)

 PHP 
1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:

<style>
a.infobox { border-bottom: none; text-decoration:none; }
a.infobox:hover { cursor:pointer; color:#dcd900; }
a.infobox span { visibility:hidden; position:fixed; left:0; top:0; padding:1em; text-decoration:none; }
a.infobox:hover span { visibility:visible; left:0; border:1px solid #c30; color:blue; background:white; }
!--[if IE 5]><style type="text/css">
a.infobox span { display:none; }
a.infobox:hover span { display:block; }
<![endif]-->
</style>
<div style="position:absolute; left:8px; top: 10px;">
<a class="infobox" href="#">
<img border="0" src="viewer.jpg">
<span style="z-index:50000">
<img border="0" src="bild.jpg" width="320" height="240">
</a>
</span>
</div>



09.09.2018, 21:28 Profil | PM | E-Mail  
Seiten (1):  1 
PHP-Support.de » Programmierung » HTML, JavaScript & CSS » Infobox mit zeitlicher Verzögerung anzeigen   

Neues Thema | Antworten   


Powered by Command Board 1.0 - Beta 2.0 © 2004-08 PHP-Einfach | Impressum | Datenschutz