Thanks heaps. But the rotation does not work with my modification (below). Instead of <DIV>, tried <div id-"space"> or <div><h2>, etc. with no results. I'm doing something wrong, but it is not "obvious" to me. My non-working attempt is at
http://jacquimorgan.tripod.com/index3.html. The original working version is
http://jacquimorgan.tripod.com/index.html
=================================
<div id="space">
<img src="17_yearWoman.jpg" />
<script type="text/javascript">
/* Flexible Image Slideshow- By JavaScriptKit.com (
http://www.javascriptkit.com)
For this and over 400+ free scripts, visit JavaScript Kit-
http://www.javascriptkit.com/ This notice must stay intact for use */
var ultishow=new Array()
//ultishow[x]=["path to image", "OPTIONAL image link", "OPTIONAL target", "caption/Title"]
ultishow[0]=['hist/ManGoat.jpg', 'hist/index.html', '_blank', 'American Artist cover art']
ultishow[1]=['hist/04_AmericanArtist.jpg', 'hist/index.html', ''. 'American Artist magazine cover']
ultishow[2]=['hist/elecCircusHand.jpg', 'hist/index.html', '', 'Electric Circus poster art']
ultishow[3]=['hist/FrontCover.jpg', 'hist/index.html', '', 'Electric Circus poster']
ultishow[4]=['paintly/45foodGlobalPubx.jpg', 'paintly/index.html', '', '']
ultishow[5]=['scenes/54edieBauer.jpg', 'paintly/index.html', '', '']
ultishow[6]=['still/43SantaAnaVineyard.jpg', 'paintly/index.html', '', '']
ultishow[7]=['floral/rearCover.jpg', 'paintly/index.html', '', '']
ultishow[8]=['child/c_02.jpg', 'http://www.jacquimorgan.com', '', '']
ultishow[9]=['life/101_life.jpg', 'life/index.html', '', '']
//configure below 3 variables to set the dimension/background color of slideshow
var slidewidth="500px" //set to width of LARGEST image in slideshow
var slideheight="500px" //set to height of LARGEST iamge in slideshow
var slidecycles="3" //number of cycles before slideshow stops (ie: "2" or "continous")
var randomorder="yes" //randomize order in which images are displayed? "yes" or "no"
var preloadimages="yes" //preload images? "yes" or "no"
var slidebgcolor='white'
//configure below variable to determine delay between image rotations (in miliseconds)
var slidedelay=3000
////Do not edit pass this line////////////////
var ie=document.all
var dom=document.getElementById
var curcycle=0
if (preloadimages=="yes"){
for (i=0;i<ultishow.length;i++){
var cacheimage=new Image()
cacheimage.src=ultishow[i][0]
}
}
var currentslide=0
function randomize(targetarray){
ultishowCopy=new Array()
var the_one
var z=0
while (z<targetarray.length){
the_one=Math.floor(Math.random()*targetarray.length)
if (targetarray[the_one]!="_selected!"){
ultishowCopy[z]=targetarray[the_one]
targetarray[the_one]="_selected!"
z++
}
}
}
if (randomorder=="yes")
randomize(ultishow)
else
ultishowCopy=ultishow
function rotateimages(){
curcycle=(currentslide==0)? curcycle+1 : curcycle
ultcontainer='<center>'
if(ultishowCopy[currentslide][3]){
ultcontainer+='<div>'+ultishowCopy[currentslide][3]+'</div>'
}/*see July08 forum
http://www.codingforums.com/showthread.php?t=143543 */
if (ultishowCopy[currentslide][1]!="")
ultcontainer+='<a href="'+ultishowCopy[currentslide][1]+'" target="'+ultishowCopy[currentslide][2]+'">'
ultcontainer+='<img src="'+ultishowCopy[currentslide][0]+'" border="0">'
if (ultishowCopy[currentslide][1]!="")
ultcontainer+='</a>'
ultcontainer+='</center>'
if (ie||dom)
crossrotateobj.innerHTML=ultcontainer
if (currentslide==ultishow.length-1) currentslide=0
else currentslide++
if (curcycle==parseInt(slidecycles) && currentslide==0)
return
setTimeout("rotateimages()",slidedelay)
}
if (ie||dom)
document.write('<div id="slidedom" style="width:'+slidewidth+';height:'+slideheight+'; background-color:'+slidebgcolor+'"></div>')
function start_slider(){
crossrotateobj=dom? document.getElementById("slidedom") : document.all.slidedom
rotateimages()
}
if (ie||dom)
window.onload=start_slider
</script>
</div><!--close id SPACE-->