[thelist] Slide show with html text

Jono Young Jono at brookgroup.com
Wed Oct 15 16:00:52 CDT 2003


Ron,
Which part of this JS calls the new html text for each image that rotates in
the slideshow? Do I need to put each block of text into a hidden <div> tag
and assign a <div id="photo1quote"> ?

On 10/15/03 1:53 PM, "Ron Dorman" <rwd at csi1st.net> wrote:

> Jono Young wrote:
> 
>> OK, so this type of coding could not be applied to the example I provided
>> <http://www.snyderhomesusa.com/>, in order to have JUST the images and text
>> below the images refresh, leaving the rest of the pages content alone?
>> 
> Try something like this:
> 
> <script language="JavaScript" type="text/JavaScript">
> var image1=new Image(); image1.src="img/slide1.jpg";
> var image2=new Image(); image2.src="img/slide2.jpg";
> var image3=new Image(); image3.src="img/slide3.jpg";
> var image4=new Image(); image4.src="img/slide4.jpg";
> var step=1;
> function slideshow() {
> if (!document.images) {
> return;
> }
> document.images.slide.src=eval("image"+step+".src");
> if (step<4) {
> step++;
> } else {
> step=1;
> }
> setTimeout("slideit()",9000)
> }
> slideshow();
> </script>
> 
> <body onload="slideshow();">
> 
> 
> Haven't tested it myself, but is pretty straight forward and should work.
> 
> Ron D.

-- 
Jono Young
Designer/Illustrator
Brook Group, LTD
8231 Main Street
Ellicott City, MD 21043
T: 410-465-7805 xt: 16
<http://www.brookgroup.com/>



More information about the thelist mailing list