Help
I found some code for scrolling images and now want to have a paragraph below each image that changes with each image... But not sure how.
This is the scrolling code I'm using and it works, but now need to add a paragraph below or beside the images that will change with each image.
Thanks
Can
<head>
<script type="text/javascript">
<!--
var image1=new Image()
image1.src="ima ges/img4.jpg"
var image2=new Image()
image2.src="ima ges/img7.jpg"
var image3=new Image()
image3.src="ima ges/img5.jpg"
var image4=new Image()
image4.src="ima ges/rr4.jpg"
var image5=new Image()
image5.src="ima ges/rr7.jpg"
var image6=new Image()
image6.src="ima ges/img2.jpg"
//-->
</script>
</head>
<body>
<div id="main">
<div id="scroll">
<p>The Deans at play...</p>
<img src="images/img4.jpg" name="slide" width=280 height=250 />
<script type="text/javascript">
<!--
//variable that will increment through the images
var step=1
function slideit(){
//if browser does not support the image object, exit.
if (!document.imag es)
return
document.images .slide.src=eval ("image"+step+" .src")
if (step<6)
step++
else
step=1
//call function "slideit()" every 2.0 seconds
setTimeout("sli deit()",2000)
}
slideit()
//-->
</script>
</div>
<hr />
</div>
I found some code for scrolling images and now want to have a paragraph below each image that changes with each image... But not sure how.
This is the scrolling code I'm using and it works, but now need to add a paragraph below or beside the images that will change with each image.
Thanks
Can
<head>
<script type="text/javascript">
<!--
var image1=new Image()
image1.src="ima ges/img4.jpg"
var image2=new Image()
image2.src="ima ges/img7.jpg"
var image3=new Image()
image3.src="ima ges/img5.jpg"
var image4=new Image()
image4.src="ima ges/rr4.jpg"
var image5=new Image()
image5.src="ima ges/rr7.jpg"
var image6=new Image()
image6.src="ima ges/img2.jpg"
//-->
</script>
</head>
<body>
<div id="main">
<div id="scroll">
<p>The Deans at play...</p>
<img src="images/img4.jpg" name="slide" width=280 height=250 />
<script type="text/javascript">
<!--
//variable that will increment through the images
var step=1
function slideit(){
//if browser does not support the image object, exit.
if (!document.imag es)
return
document.images .slide.src=eval ("image"+step+" .src")
if (step<6)
step++
else
step=1
//call function "slideit()" every 2.0 seconds
setTimeout("sli deit()",2000)
}
slideit()
//-->
</script>
</div>
<hr />
</div>
Comment