The page itself has text buttons on the left side, and to the right of it, a graphic design. I want to click on a button, and have that graphic design fade out, and begin a slide show of sample designs, end on the last, and re- fade into the graphic that loaded with the page. This would be repeated with the other buttons as well, as there are several different graphic design categories being shown. I"m SOOOO frustrated with myself, and I've been looking for help for several weeks now, but I can't get any answers. Am I just asking the wrong question? Maybe I'm not clear on what I'm trying to do? Please help....also, I understand how to replace the pics that I have with the pics in the code, and I understand how to change the amount of pics it will play, what I DONT understand to recap, is position of slide show opening, how to make it start when I click a side button and open a different area of the page, and end when the last pic plays, then have the original pic that loads with page, fade back in?
I hope this makes sense to someone. I'm desperate at this point.
// This notice must stay intact for use
var ultimateshow=new Array()
//ultimateshow[x]=["path to image", "OPTIONAL link for image", "OPTIONAL link target"]
ultimateshow=['dinosour.gif', '', '']
ultimateshow=['crow.gif', 'http://www.dynamicdrive.com', '_new']
ultimateshow=['pig.gif', 'http://www.codingforums.com', '']
//configure the below 3 variables to set the dimension/background color of the slideshow
var slidewidth="300px" //set to width of LARGEST image in your slideshow
var slideheight="261px" //set to height of LARGEST iamge in your slideshow
var slidecycles="3" //number of cycles before slideshow stops (ie: "2" or "continous")
var randomorder="no" //randomize the order in which images are displayed? "yes" or "no"
var preloadimages="yes" //preload images? "yes" or "no"
//configure the below variable to determine the delay between image rotations (in miliseconds)
////Do not edit pass this line////////////////
var cacheimage=new Image()
curcycle=(currentslide==0)? curcycle+1 : curcycle
ultcontainer+='<a href="'+ultimateshowCopy[currentslide]+'" target="'+ultimateshowCopy[currentslide]+'">'
ultcontainer+='<img src="'+ultimateshowCopy[currentslide]+'" border="0">'
if (currentslide==ultimateshow.length-1) currentslide=0
if (curcycle==parseInt(slidecycles) && currentslide==0)
document.write('<div id="slidedom" style="width:'+slidewidth+';height:'+slideheight+' ; background-color:'+slidebgcolor+'"></div>')
crossrotateobj=dom? document.getElementById("slidedom") : document.all.slidedom
<p style="font: normal 11px Arial">This free script provided by<br />