Animated gifs on a website :)

**suunto** · 13 October 2006, 06:51 PM

Originally Posted by Big Frank

Remove the

Code:

F:\

from the image URLs. I am assuming the images are in the same directory (folder) as the page that contains your script.

Thank you very much Frank, i didn't have the images in the correct folder

and thanks for all the help guys, i got there in the end

**Big Frank** · 13 October 2006, 10:09 PM

It's been a pleasure helping you - knew you'd get there in the end.

**Egg Bramhill** · 14 October 2006, 02:54 PM

Suunto,

I attach the fla file I used to create the animation. Place the swf file where your current gif file is. You'll also need to include the jpg files in the same directory as the swf file.

**Availor** · 14 October 2006, 03:52 PM

Originally Posted by nchurene

thanks for your video lessons. i was really interested in your video lessons but every thing was in a different language actually Arabic of which i didn't even know where to log on
could you pls help me or give me a simple way to log on

Hmmm since I don't see any Arabic-like video lessons in these post I presume you mean me (?)

I just used my host to upload my college site there. It's Hebrew actualy and it has nothing to do with video tutorials. I forgot to remove my link until I actually upload the relevant site, which is going to be in english don't worry.

**magicmesh** · 15 October 2006, 03:33 PM

Originally Posted by suunto

ps, yes magicmesh, i'll give it a go, can you post it please

I did not found the Script but i'll create it from scratch

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
	"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>
	<title>Random Image</title>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
	<meta http-equiv="Content-Script-Type" content="text/javascript" />
	<script type="text/javascript" language="JavaScript">
	/*<![CDATA[*/
	function startShow() {
		// Define Globals Vars
		myImage = document.getElementById('randomImage')
		changeInterval = setInterval('randomImage()', 2000);
	}
	function randomImage() {
		var randomNum = (Math.round((Math.random()*7)+1))
		myImage.src = 'img/pict'+randomNum+'.jpg'
	}
	/*]]>*/
	</script>
</head>

<body onload="startShow()">
	<img id="randomImage" src="img/pict1.jpg" alt="The Random Image" />
</body>

</html>

You can preview it here or Download the tarball with images.

Here is another (more complex) Script i'll made in the past. It's a slide Show and doesnt show Random Images but maybe its intresting for someone too.
http://tmp1.dotmagic.de/js/slides2/