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>
[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>