Click to See Complete Forum and Search --> : Advanced slideshow


ElChoco
08-22-2006, 01:38 PM
I am trying to do make a slide show that cycles through 5 different areas.

[1] -> [2] -> |
|-------------
-> [3] -> [4] -> [5] then back to one.

I would imagine that makes no sense www.houseld.com
The page is already gigantic, but I have no control over layout I'm just doing to backend. (Doing what they tell me, no matter how painful)

This is what I have so far, but it isn't very close to what I need.

<script>
var Speed = 3000;
var fadetime = 3
var Pic = new Array();

Pic[0] = 'images/index/index_09.jpg'
Pic[1] = 'images/index/index_11.jpg'
Pic[2] = 'images/index/index_15.jpg'
Pic[3] = 'images/index/index_17.jpg'
Pic[4] = 'images/index/index_19.jpg'


var j = 0;var t;
var p = Pic.length;

var preLoad = new Array()
for (i = 0; i < p; i++){
preLoad[i] = new Image()
preLoad[i].src = Pic[i]
}

function runSlideShow(){
if (document.all){
document.images.SlideShow.style.filter="blendTrans(duration=2)"
document.images.SlideShow.style.filter="blendTrans(duration=fadetime)"
document.images.SlideShow.filters.blendTrans.Apply()

document.images.SlideShow2.style.filter="blendTrans(duration=2)"
document.images.SlideShow2.style.filter="blendTrans(duration=crossFadeDuration)"
document.images.SlideShow2.filters.blendTrans.Apply()
}
document.images.SlideShow.src = preLoad[j].src
document.images.SlideShow2.src = preLoad[j].src
if (document.all){
document.images.SlideShow.filters.blendTrans.Play()
document.images.SlideShow2.filters.blendTrans.Play()
}

j = j + 1
if (j > (p-1)) j=0
t = setTimeout('runSlideShow()', Speed)
}

</script>