zobrazeni obrazku po najeti na miniaturu

**D_a_v_i_d** · 19.09.2006, 07:08

No přes JS by to asi určitě šlo a dobrý skripty bývají třeba tady -

www.hotscripts.com

Tohle je příslušná kategorie

http://www.hotscripts.com/JavaScript...cts/index.html

**Anduril** · 19.09.2006, 07:52

Napr takto:

Kód:

<html>
<head>
  <title>Page</title>
  <script type="text/javascript">
    function showPic(pic)
    {
      var obj = document.getElementById('view');
      if(!obj) return;

      if(pic=='') {
        obj.innerHTML = "";
      }
      else {
        obj.innerHTML = "<img src=\""+pic+"\" alt=\""+pic+"\" />";
      }
    }
  </script>
</head>
<body>
  <div>
    <span onmouseover="showPic('obrazek1.jpg')" onmouseout="showPic('')">Obrazek1</span><br />
    <span onmouseover="showPic('obrazek2.jpg')" onmouseout="showPic('')">Obrazek2</span>
  </div>
  <div id="view" style="border: 1px solid #000000; width: 640px; height: 480px;">
  </div>
</body>
</html>

V divu "view" se zobrazuji obrazky..staci najet na jeden ze spanu nad nim. Ty muzes nahradit treba jinymy obrazky v mensim rozmeru.

**Miiisa** · 19.09.2006, 13:30

Původně odeslal Anduril

Napr takto:
V divu "view" se zobrazuji obrazky..staci najet na jeden ze spanu nad nim. Ty muzes nahradit treba jinymy obrazky v mensim rozmeru.

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

neco jako je tady
http://www.templatemonster.com/
po najeti vpravo na ty miniatury...

**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..

**Gappa** · 20.09.2006, 15:49

Uff, nešlo by to jednodušeji udělat pomocí CSS?

**Miiisa** · 20.09.2006, 16:32

Původně odeslal Gappa

Uff, nešlo by to jednodušeji udělat pomocí CSS?

no jo..ale to by pak neslo udelat aby se to nacitalo az po najeti imho...pac to by se muselo nacist a skrejt....

imho to od andurila je to co potrebuju..

**Gappa** · 20.09.2006, 18:39

Pravda - pak ale chce zauvažovat nad tim, jestli toho na té jedné stránce není už mnoho a neudělat třeba stránkování

Téma: zobrazeni obrazku po najeti na miniaturu

Nástroje témat

Zobrazení

Hybrid View

Re: zobrazeni obrazku po najeti na miniaturu

Re: zobrazeni obrazku po najeti na miniaturu

Re: zobrazeni obrazku po najeti na miniaturu

Re: zobrazeni obrazku po najeti na miniaturu

Re: zobrazeni obrazku po najeti na miniaturu

Re: zobrazeni obrazku po najeti na miniaturu

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í