Panickov.esitex.com

Obrázek za kurzorem myši

Script pro vložení obrázku ke kursoru myši. Vyzkoušeno v Mozille 2.0.0.8 a v IE 6.0.  a 7.0  - červeně označené položky si změňte dle vašich požadavků.

Co můžete  v kódu scriptu upravit:

offsetfrommouse=[10,-20] - to je vzdálenost obrázku od kursoru v pixelech

 60, 40]  - za adresou obrázku - to je velikost obrázku v pixelech.

var displayduration=0  -  viditelnost obrázku v sekundách,  0 = stále

Obrázek jsem nahrál na server jako soubor, nikoli obrázek, ale je možné, že to funguje i při nahrání jako obrázek. Vždy ukládejte v IE s vypnutým wysiwyg editorem, jako teď já - a.... vida  !!!

 Tady je script:

<script type="text/javascript">

/*

Simple Image Trail script- By JavaScriptKit.com

Visit http://www.javascriptkit.com for this script and more

This notice must stay intact

*/

var trailimage=["http://www.lamalamam.estranky.cz/archiv/uploaded/37", 60, 40] //image path, plus width and height

var offsetfrommouse=[10,-20]

var displayduration=0

if (document.getElementById || document.all)

document.write('<div id="trailimageid" style="position:absolute;visibility:visible;left:0px;top:0px;width:1px;height:1px"><img src="'+trailimage[0]+'" border="0" width="'+trailimage[1]+'px" height="'+trailimage[2]+'px"></div>')

function gettrailobj(){

if (document.getElementById)

return document.getElementById("trailimageid").style

else if (document.all)

return document.all.trailimagid.style

}

function truebody(){

return (!window.opera && document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body

}

function hidetrail(){

gettrailobj().visibility="hidden"

document.onmousemove=""

}

function followmouse(e){

var xcoord=offsetfrommouse[0]

var ycoord=offsetfrommouse[1]

if (typeof e != "undefined"){

xcoord+=e.pageX

ycoord+=e.pageY

}

else if (typeof window.event !="undefined"){

xcoord+=truebody().scrollLeft+event.clientX

ycoord+=truebody().scrollTop+event.clientY

}

var docwidth=document.all? truebody().scrollLeft+truebody().clientWidth : pageXOffset+window.innerWidth-15

var docheight=document.all? Math.max(truebody().scrollHeight, truebody().clientHeight) : Math.max(document.body.offsetHeight, window.innerHeight)

if (xcoord+trailimage[1]+3>docwidth || ycoord+trailimage[2]> docheight)

gettrailobj().display="none"

else

gettrailobj().display=""

gettrailobj().left=xcoord+"px"

gettrailobj().top=ycoord+"px"

}

document.onmousemove=followmouse

if (displayduration>0)

setTimeout("hidetrail()", displayduration*1000)

</script>