How do I create a rotating series of photos on a page?

G

Guest

I want an automatic flow of the photos without having to click as one does
with the FrontPage photo gallery slide show. How is that created?

Thank you,
 
S

Steve Easton

Google for "javascript slide show"

--
Steve Easton
Microsoft MVP FrontPage
95isalive
This site is best viewed............
........................with a computer
 
T

Trevor L.

You could try this which I have modified from a reply I posted to another
query.

You may wish to get rid of the filter effect, which only works in IE, but
leaving it in won't hurt in other browsers.
<html>
<head>
<script type="text/javascript" >
<!--
//specify interval between slide (in milli seconds)
var slidespeed=3000

//specify images
var slideimages1=new Array("image1.jpg","image2.jpg","image3.jpg")

var imageholder1=new Array()
for (i=0;i<slideimages1.length;i++)
{ imageholder1=new Image()
imageholder1.src=slideimages1 }

var whichimage1=0
function slideit()
{
if (!document.images) return

if (document.all)
{ document.images.slide1.filters[0].apply() }

document.images.slide1.src=imageholder1[whichimage1].src

if (document.all)
{ document.images.slide1.filters[0].play() }

whichimage1=(whichimage1<slideimages1.length-1)? whichimage1+1 : 0

var blenddelay1=(document.all) ?
document.images.slide1.filters[0].duration*1000 : 0
setTimeout("slideit()",slidespeed+blenddelay1)
}
//-->
</script>
</head>

<body onload="slideit()">
<img src="" name="slide1" border=0 style="filter:blendTrans(duration=3)" >
</body>
</html>
 
G

Guest

I am trying to creat a rotating series of photo's on my website in Frontpage,
I'm not getting how this is done. Can you help, please....

Trevor L. said:
You could try this which I have modified from a reply I posted to another
query.

You may wish to get rid of the filter effect, which only works in IE, but
leaving it in won't hurt in other browsers.
<html>
<head>
<script type="text/javascript" >
<!--
//specify interval between slide (in milli seconds)
var slidespeed=3000

//specify images
var slideimages1=new Array("image1.jpg","image2.jpg","image3.jpg")

var imageholder1=new Array()
for (i=0;i<slideimages1.length;i++)
{ imageholder1=new Image()
imageholder1.src=slideimages1 }

var whichimage1=0
function slideit()
{
if (!document.images) return

if (document.all)
{ document.images.slide1.filters[0].apply() }

document.images.slide1.src=imageholder1[whichimage1].src

if (document.all)
{ document.images.slide1.filters[0].play() }

whichimage1=(whichimage1<slideimages1.length-1)? whichimage1+1 : 0

var blenddelay1=(document.all) ?
document.images.slide1.filters[0].duration*1000 : 0
setTimeout("slideit()",slidespeed+blenddelay1)
}
//-->
</script>
</head>

<body onload="slideit()">
<img src="" name="slide1" border=0 style="filter:blendTrans(duration=3)" >
</body>
</html>

--
Cheers,
Trevor L.
Website: http://tandcl.homemail.com.au

LJ said:
I want an automatic flow of the photos without having to click as one
does with the FrontPage photo gallery slide show. How is that created?

Thank you,
 
C

Chris Leeds, MVP-FrontPage

you'd have to do it with some kind of scripting.
what exactly do you mean by "rotating"?


--
Chris Leeds,
Microsoft MVP-FrontPage

If you make web sites for other people, you should check out ContentSeed:
http://contentseed.com/
--
Dina A said:
I am trying to creat a rotating series of photo's on my website in
Frontpage,
I'm not getting how this is done. Can you help, please....

Trevor L. said:
You could try this which I have modified from a reply I posted to another
query.

You may wish to get rid of the filter effect, which only works in IE, but
leaving it in won't hurt in other browsers.
<html>
<head>
<script type="text/javascript" >
<!--
//specify interval between slide (in milli seconds)
var slidespeed=3000

//specify images
var slideimages1=new Array("image1.jpg","image2.jpg","image3.jpg")

var imageholder1=new Array()
for (i=0;i<slideimages1.length;i++)
{ imageholder1=new Image()
imageholder1.src=slideimages1 }

var whichimage1=0
function slideit()
{
if (!document.images) return

if (document.all)
{ document.images.slide1.filters[0].apply() }

document.images.slide1.src=imageholder1[whichimage1].src

if (document.all)
{ document.images.slide1.filters[0].play() }

whichimage1=(whichimage1<slideimages1.length-1)? whichimage1+1 : 0

var blenddelay1=(document.all) ?
document.images.slide1.filters[0].duration*1000 : 0
setTimeout("slideit()",slidespeed+blenddelay1)
}
//-->
</script>
</head>

</body>
</html>

--
Cheers,
Trevor L.
Website: http://tandcl.homemail.com.au

LJ said:
I want an automatic flow of the photos without having to click as one
does with the FrontPage photo gallery slide show. How is that created?

Thank you,
 
T

Trevor L.

Dina A.
I note Chris's query.

Do you want a picture to display, then another one to replace it, then
another, etc. without any action?

That is what the code I posted will do. For an example, go to my website,
then to the page Picture Album, then click on any of the "Slideshow" buttons
and then click on "Start/Stop Slideshow"

If you want to do something else, please post back and it can be looked at
(by me, or others more expert)
 
G

Guest

awesome help! check out my site at www.keithmcdonaldplumbing.com and see the
New Construction page.....
thanks so much! this made this feature a breeze

Trevor L. said:
You could try this which I have modified from a reply I posted to another
query.

You may wish to get rid of the filter effect, which only works in IE, but
leaving it in won't hurt in other browsers.
<html>
<head>
<script type="text/javascript" >
<!--
//specify interval between slide (in milli seconds)
var slidespeed=3000

//specify images
var slideimages1=new Array("image1.jpg","image2.jpg","image3.jpg")

var imageholder1=new Array()
for (i=0;i<slideimages1.length;i++)
{ imageholder1=new Image()
imageholder1.src=slideimages1 }

var whichimage1=0
function slideit()
{
if (!document.images) return

if (document.all)
{ document.images.slide1.filters[0].apply() }

document.images.slide1.src=imageholder1[whichimage1].src

if (document.all)
{ document.images.slide1.filters[0].play() }

whichimage1=(whichimage1<slideimages1.length-1)? whichimage1+1 : 0

var blenddelay1=(document.all) ?
document.images.slide1.filters[0].duration*1000 : 0
setTimeout("slideit()",slidespeed+blenddelay1)
}
//-->
</script>
</head>

<body onload="slideit()">
<img src="" name="slide1" border=0 style="filter:blendTrans(duration=3)" >
</body>
</html>

--
Cheers,
Trevor L.
Website: http://tandcl.homemail.com.au

LJ said:
I want an automatic flow of the photos without having to click as one
does with the FrontPage photo gallery slide show. How is that created?

Thank you,
 

Ask a Question

Want to reply to this thread or ask your own question?

You'll need to choose a username for the site, which only take a couple of moments. After that, you can post your question and our members will help you out.

Ask a Question

Top