rotating images that fade in ?? [Archive]

chris_angell

07-16-2002, 01:31 PM

question, when the image changes to one of the 3 rotating images. why do they not individually fade in each time ???

this was my plan. is it easy to adapt the code to do this.. ;)

<html>

<head>
<meta http-equiv="Content-Language" content="en-gb">

<link rel="stylesheet" class="menu" href="css/divs.css">
<SCRIPT LANGUAGE="JavaScript">


</script>
</head>

<body onLoad="setTimeout('doFadeInImg(document.images.robot)',500);">
<div id="robotDiv">
<img name="randimg" id="robot" src="images/robot_1.jpg" width="320" height="535" style="filter:alpha(opacity=0)"></div>

<a href="#" onClick="swapPic();setTimeout('doFadeInImg(document.images.robot)',500);"><span style="background-color: #808000">change</span></a><span style="background-color: #808000">
</span>

</body>

</html>

thanks <marquee>:eek: </marquee>

ShriekForth

07-16-2002, 06:43 PM

I changed two things..
swapPic needs the image that it's going to swap to have it's alpha reset to 0 so that it can fade in.

function swapPic(imgToFade) {
var imgnum = images.length - 1;
do {
var randnum = Math.random();
rand1 = Math.round((imgnum - 1) * randnum) + 1;
} while (rand1 == useRand);
imgToFade.filters.alpha.opacity = 0;
useRand = rand1;
document.randimg.src = images[useRand].src;

}

so you also need to pass the image name to swapPic here

<a href="#" onClick="swapPic(document.images.robot);setTimeout('doFadeInImg(document.images.robot)',500);">

ShriekForth