scrolling mini photo album across in ppt

  • Thread starter Thread starter AmethystStone
  • Start date Start date
A

AmethystStone

I am building a Website in FrontPage 2002. Can I make a scrolling photo
album that runs about 6 images across the bottom of the main frame with a
PowerPoint slide show? Is there a better program to use that is freeware?
 
AmethystStone said:
I am building a Website in FrontPage 2002. Can I make a scrolling photo
album that runs about 6 images across the bottom of the main frame with a
PowerPoint slide show? Is there a better program to use that is freeware?
Click to expand...

I would suggest using Javascript. It may be rather diffcult to *scroll* an
image, but you can certainly rotate, say 6 images.

Below is a script from The JavaScript Source which I have amended slightly.
It has 3 images and (in this test) each of them rotates one of 2 images.

With appropriate changes, it could have
6 images rotating, each with its own set of images, continously

or it could have a set of 6 images and each image could rotate:
1->6, 6->5, 5->4, 4->3, 3->2, 2->1, continously

or 6 changes
blank->6, 6->5, 5->4, 4->3, 3->2, 2->1
blank->5, 5->4, 4->3, 3->2, 2->1
blank->4, 4->3, 3->2, 2->1
blank->3, 3->2, 2->1
blank->2, 2->1
blank->1

Code follows
==========
<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

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);
interval *= 1000;

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>
==========
 
Back
Top