zobrazeni obrazku po najeti na miniaturu

**Miiisa** · 19.09.2006, 02:22

nevi nekdo kde sehnat skript, kde po najeti na miniaturu obrazku nebo na text se zobrazi velkej obrazek??

idelani by byl skript kterej ty obrazky nacita az po tom najeti.zrejme JS...

CSS hover efekty sem uz nasel...ale pokud vim nacitaji se skryvany obrazky soucasne se strankou coz ja nechci...

diky za rady...

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

**Miiisa** · 20.09.2006, 18:47

Původně odeslal Gappa

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í

to bude taky...ale i tak chci zachovat rychlost nacitani...tzn...dodatecnej download obrazku az po najeti u me vitezi

**Camillek** · 21.09.2006, 00:07

Původně odeslal Miiisa

to bude taky...ale i tak chci zachovat rychlost nacitani...tzn...dodatecnej download obrazku az po najeti u me vitezi

A přemýšlels nad dobou odezvy? Je totiž možné, že o této vychytávce někteří nebudou vůbec vědět. Tim, ale nechci říct cokoliv proti tomuto řešení. Já osobně bych to radši (až budeš mít to stránkování), dělal pomocí css. Protože načte se mi text, ten si čtu a mezitim se mi načtou i skryté obrázky... Ale život je otázkou priorit

**Gappa** · 21.09.2006, 09:06

To je taky pravda - stránka se zobrazí a skryté obrázky bych se snažil umístit v kódu co nejdál, obrázky se mi mezítím načtou a jsou ihned "ready".

Zatímco, když se budou nahrávat při až při hoveru, tak člověk zase bude otrávenej, protože aspoň já mam rád, když je už vše načtené na stránce a na nic se nečeká

Téma: zobrazeni obrazku po najeti na miniaturu

Nástroje témat

Zobrazení

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

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í