zobrazeni obrazku po najeti na miniaturu

**Anduril** · 19.09.2006, 13:45

Původně odeslal Miiisa

tohle prave zobrazuje v tom divu.ja bych potreboval neco jako tooltip...

Kód:

<html>
<head>
  <title>Page</title>
  <script type="text/javascript">
    var IE = document.all ? true : false;

    if (!IE) document.captureEvents(Event.MOUSEMOVE);

    document.onmousemove = getMouseXY;

    var mX = 0
    var mY = 0

    function getMouseXY(e) 
    {
      if (IE) { 
        mX = event.clientX + document.body.scrollLeft;
        mY = event.clientY + document.body.scrollTop;
      } 
      else {
        mX = e.pageX;
        mY = e.pageY;
      }  

      if (mX < 0) mX = 0;
      if (mY < 0) mY = 0;  

      return true
    }

    function showPic(pic)
    {
      var obj = document.getElementById('view');
      if(!obj) return;

      if(pic=='') {
        obj.innerHTML = "";
        obj.style.display = "none";
      }
      else {
        obj.innerHTML = "<img src=\""+pic+"\" alt=\""+pic+"\" />";
        obj.style.display = "block";
	obj.style.position = "absolute";
        obj.style.top = mY+5;
        obj.style.left = mX+5;
      }      
    }
  </script>
</head>
<body>
  <div>
    <span onmousemove="showPic('obrazek1.jpg')" onmouseout="showPic('')">Obrazek1</span><br />
    <span onmousemove="showPic('obrazek2.jpg')" onmouseout="showPic('')">Obrazek2</span>
  </div>
  <div id="view" style="border: 1px solid #000000; display: none;">
  </div>
</body>
</html>

EDIT: Jeste by se asi slusilo nastavit z-index tomu divu..

Téma: zobrazeni obrazku po najeti na miniaturu

Nástroje témat

Zobrazení

Threaded View

Re: zobrazeni obrazku po najeti na miniaturu

Informace o tématu

Users Browsing this Thread

Podobná témata

základní použití filtrů pro DF

FAQ - Ctete prvni [UPDATE 25.11.2004]

Váš názor na starší notebook-viz více v dalším popisu...

Pravidla přispívání