Autor Zpráva
jmills
Profil
Dobrý deň.

Prosím o radu. Mám tento skript na zobrazenie obrázka nad odkazom pri najeti myši:

<script>
    var imgobj;
    function loadimage(url, e)
    {
    if(document.getElementById("img-preview")==null)
      {
      imgobj=document.createElement("img");
      document.body.appendChild(imgobj);
      }
    else
      {
      imgobj=document.getElementById("img-preview");
      imgobj.style.display="block";
      }
    imgobj.setAttribute("src",url);
    imgobj.setAttribute("id","img-preview");
    moveimage(e);
    }
   
   function moveimage(e)
      {
      var posx = 0;
   var posy = 0;
   if (!e) var e = window.event;
   if (e.pageX || e.pageY)    {
      posx = e.pageX;
      posy = e.pageY;
   }
   else if (e.clientX || e.clientY)    {
      posx = e.clientX + document.body.scrollLeft
         + document.documentElement.scrollLeft;
      posy = e.clientY + document.body.scrollTop
         + document.documentElement.scrollTop;
   }
   // posx and posy contain the mouse position relative to the document
   // Do something with this information
   itop=posy+"px";
   ileft=posx+"px";
   imgobj.style.position="absolute";
   imgobj.style.top=itop;
   imgobj.style.left=ileft;
      }
   
   
   function hideimage()
    {
    imgobj=document.getElementById("img-preview");
    imgobj.style.display="none";
    }
         
   </script>
A samotný odkaz:

<a href="http://mojastranka" onmouseover="loadimage('http://mojastranka/obrazok.jpg', event);" onmouseout="hideimage();"> <b>mojastranka</b></a>


a potrebujem aby som mohol dat obrázku nejaký rozmer. Dá sa to spraviť?
Ďakujem za odpovede.

Moderátor Joker: Titulek „Pomoc s onmouseover.“ nevystihuje podstatu dotazu. Příště zkus prosím vymyslet lepší.

Moderátor Joker: Vkládej prosím kódy mezi značky [pre] a [/pre] (stačí kliknout na ).
_es
Profil
jmills:
dat obrázku nejaký rozmer
To konkrétnejšie znamená čo?
jmills
Profil
_es:
Aby keď prídem kurzorom myši na odkaz, sa zobrazil obrázok s rozmerom napr. 500x333 px. Pričom veľkosť obrázka na servery je napr. 800x600px. Aby som nemusel každý obrázok na ktorí "odkazujem" zmenšovať samostatne... http://insect.hostujem.sk/
_es
Profil
jmills:
Objekt obrázka má vlastnosti width a height, to sú rozmery v pixeloch. Stačí nastaviť len jednu z nich, druhá sa prispôsobí podľa pomeru strán. Ale meniť obrázkom rozmery nie je veľmi dobrý nápad - radšej si vyrob miniatúry obrázkov.
jmills
Profil
_es:
Som myslel či sa to nedá do "scriptu" napísať. Tak ďakujem.
_es
Profil
jmills:
či sa to nedá do "scriptu" napísať
Ako „napísať“? Však si v tom skripte nastav rozmery aké chceš.
jmills
Profil
_es:
Ale veď práve toto neviem, ako a kam to konkrétne napísať, tak aby to už potom robilo "automatický" . Ten skript som stiahol z netu, ja tomu nerozumiem - nevenujem sa tomu. Som rád že, ako tak napíšem HTML... Skúšal som aj redakčné systémy, ale to nebolo to čo som chcel ja. Preto si tú stránku píšem sám, aj keď to vyzerá ako z doby kamennej a určite tu veľa ľudí krúti hlavou... :)


Už som na to prišiel.

Vaše odpověď

Mohlo by se hodit

Neumíte-li správně určit příčinu chyby, vkládejte odkazy na živé ukázky.
Užíváte-li nějakou cizí knihovnu, ukažte odpovídajícím, kde jste ji vzali.

Užitečné odkazy:

Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: