Image mouse trail script problem

I am not sure what script you are talking about but I don't think it can be changed to do what you want.

Maybe you can put the flash in an IFRAME.

Image mouse trail script problem


Thanks Craven. Am posting the code i have used.

<script type="text/javascript">

var trailimage=["trail.jpg", 80, 37]
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>

I don't think what you want is possible.

This is somethiong I've had to do before for a dhtml menu...

You can make the Flash's background transparent using the WMODE property, which also makes it behave more like an HTML layer. To do so you'd add the following parameter within your OBJECT tag:


...Then apply it to your EMBED tag:


And then just wrap your Flash OBJECT in a DIV with a lower z-index than the layer with your mouse-trailing DHTML effect. I've tested it with your above code & it works great.

See here for more info: Macromedia.com: How to make a Flash movie with a transparent background

BTW, replacing both instances of "transparent" with "opaque" should also produce the effect you're after (& I'm only guessing here but it might make performance take a slightly smaller hit), but Macromedia recommends the method I've shown above.

Thanks Monger. You made my day! It works!!! :-))))