Bild preload bei onmouseover ?

JaJa Lach nur... aber hauptsache es funktioniert :)

Am Script war nix falsch - war ein Serverside / PHP Fehler.Jetzt läufts aber. Wir haben das Script noch minimalst verändert in follgendes:
PHP:
<html>
<head>
    <title>Test</title>
   <script type="text/javascript">
   function show(pic,h,w)
   {
        document.getElementById(pic).style.display = "block";
        document.getElementById(pic).style.height = h+"px";
        document.getElementById(pic).style.width = w+"px";
   }

   function kill(pic)
   {
        document.getElementById(pic).style.display = "none";
   }				 
   </script>

   <style type="text/css">
   .imagebox {
             position: absolute;
             margin-left:30px;
             margin-top:30px;
             background-color:039BC1;
             border: 1px solid black;
             z-index:2;
             overflow:hidden;
             }

   .linkbox {
            position:absolute;
            z-index:1;
            }
   </style>

</head>

<body>
<div class="linkbox">
         <a href="#" onMouseOver="show('test1.jpg','100','100')" onMouseOut="kill('test1.jpg')">test1</a>
         <div id="test1.jpg" style="display:none;" class="imagebox">test1 - hier kann auch ein Bild stehen</div>
         <br>
         <a href="#" onMouseOver="show('Images/smart_devmap.jpg','200','500')" onMouseOut="kill('Images/smart_devmap.jpg')">test2</a>
         <div id="Images/smart_devmap.jpg" style="display:none;" class="imagebox">just another test</div>
</div>
</body>
</html>
Die Popups sind jetzt halt noch dynamisch was die größe angeht - das ganze Skript is aber ziemlich drauf getrimmt um mit PHP dynamisch erzeugt zu werden (deswegen die zum Teil dämlichen id´s)...

ciao
 
Zuletzt bearbeitet:
Zurück