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

  • Thread starter Thread starter Guest
  • Start date Start date
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,
 
Google for "javascript slide show"

--
Steve Easton
Microsoft MVP FrontPage
95isalive
This site is best viewed............
........................with a computer
 
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>
 
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,
Click to expand...
Click to expand...
 
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,
Click to expand...
Click to expand...
Click to expand...
 
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)
 
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,
Click to expand...
Click to expand...
 
Back
Top