PDA

View Full Version : Image Rotation Question


alwise17
06-19-2010, 10:54 PM
Hi, on my website i have made a div that i have put a image in, and i made the images rotate, so from image 1 -> image 2 -> image 3 etc...
This is the website i used to help me do this --> http://www.webdeveloper.com/forum/archiv...-5767.html

And the code for this was:

<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

<script language="javascript" type="text/javascript">

img2 = new Image()

seconds = "2";

function imgOne()
{
setTimeout("imgTwo()", seconds * 1000);
}
function imgTwo()
{
document.myimg.src = 'http://devyne.org/Images/E&B.jpg';
setTimeout("imgThree()", seconds * 1000);
}
function imgThree()
{
document.myimg.src = 'http://devyne.org/family.gif';
setTimeout("imgOne()", seconds * 1000);
}
</script>

</head>

<body onload="imgOne();">
<img src="http://devyne.org/Images/babyboy1.gif" name="myimg">
</body>
</head>

My question is at the moment the images just snap abruptly from one to the other, how can i modify the code to make the images fade into one another?
If anyone could possibly point me to a webpage or something that might be able to help me then i would be greatful.
Thanks
:grin:

edbr
06-20-2010, 02:23 AM
yahoogle for jquery, you will find something there im sure