Pam @hotmail.com> said:
I'm trying to find a good script or program that is not too expensive
that would enable me to drop in pictures and have them fade from one to
another - but have enough flexibility to maybe have 2-3 pic in one
frame - I have fireworks and flash...but have given up - just can't
figure it out - so thought maybe one of you would steer me in the right
direction of a good easy program I can purchase that will work well with
fp2003
It is fairly easy to have pictures replace one another in the same "frame"
which can just be a <img> or a <div>.tag
You can have as many as you want.
You would not need to buy anything because it is just straight JavaScript
I have searched my "handy scripts" and the one I found sets up 3 <img>
tags into which images are loaded.
This uses images/1.jpg to images/6.jpg which you would need to add
<html>
<head>
<!-- Original: Robert Bui (
[email protected]) -->
<!-- Web Site:
http://astrogate.virtualave.net -->
<!-- This script and many more are available free online at -->
<!-- The JavaScript Source!!
http://javascript.internet.com -->
<!-- Amended by Trevor Lawrence
http://trevorl.mvps.org/ -->
<script language="javascript">
var interval = 2.5 // delay between rotating images (in seconds)
var random_display = 1 // 0 = no, 1 = yes
interval *= 1000
var image_list1 = new Array(
new imageItem("images/1.jpg"),
new imageItem("images/2.jpg")
)
var image_list2 = new Array(
new imageItem("images/3.jpg"),
new imageItem("images/4.jpg")
)
var image_list3 = new Array(
new imageItem("images/5.jpg"),
new imageItem("images/6.jpg")
)
var image_list = new Array(image_list1,image_list2,image_list3)
var image_index = new Array(0,0,0)
var number_of_image = new
Array(image_list[0].length,image_list[1].length,image_list[2].length)
function imageItem(image_location) {
this.image_item = new Image()
this.image_item.src = image_location
}
function getNextImage(j) {
image_index[j] = (random_display)
? Math.floor(Math.random() * number_of_image[j])
: (image_index[j]+1) % number_of_image[j]
return(image_list[j][image_index[j]].image_item.src)
}
function rotateImage() {
for (var i = 1; i <= image_list.length ; i++)
{
var place = "rImage" + i
document[place].src = getNextImage(i-1)
document[place].title = 'image' + i
}
setTimeout("rotateImage('" +place +"')", interval)
}
</script>
</head>
<body onload="rotateImage()">
<center>
<!--img name="rImage"
src="
http://javascript.internet.com/img/image-cycler/01.jpg" width=120
height=90-->
<img name="rImage1" src="" width=120>
<img name="rImage2" src="" width=120>
<img name="rImage3" src="" width=120>
</center>
<p><center>
<font face="arial, helvetica" size="-2">Free JavaScripts provided<br>
by <a href="
http://javascriptsource.com">The JavaScript Source</a></font>
</center><p>
</body>
</html>
--
Trevor Lawrence
Canberra
Microsoft MVP - FrontPage
MVP Web Site
http://trevorl.mvps.org
