Beste Tweakers,
Voor een website die ik voor school moet maken heb ik een slideshow gemaakt.
Het probleem is alleen dat hij in Firefox helemaal aan de rechterkant van het beeld komt te staan. In Chrome en IE doet hij het wel goed. Verder zou ik graag willen dat de plaatjes een overgang krijgen (vervagen), maar dit werkt tot nu toe alleen in IE en niet in de andere browsers.
Hier is de code:
En hier wat in de body staat
Weet iemand wat het probleem is?
Alvast bedankt!
Voor een website die ik voor school moet maken heb ik een slideshow gemaakt.
Het probleem is alleen dat hij in Firefox helemaal aan de rechterkant van het beeld komt te staan. In Chrome en IE doet hij het wel goed. Verder zou ik graag willen dat de plaatjes een overgang krijgen (vervagen), maar dit werkt tot nu toe alleen in IE en niet in de andere browsers.
Hier is de code:
code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
| var slideShowSpeed = 5000
var crossFadeDuration = 3
var Pic = new Array()
Pic[0] = 'Plaatje1'
Pic[1] = 'Plaatje2'
Pic[2] = 'Plaatje3'
Pic[3] = 'Plaatje4'
var t
var j = 0
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=crossFadeDuration)"
document.images.SlideShow.filters.blendTrans.Apply()
}
document.images.SlideShow.src = preLoad[j].src
if (document.all){
document.images.SlideShow.filters.blendTrans.Play()
}
j = j + 1
if (j > (p-1)) j=0
t = setTimeout('runSlideShow()', slideShowSpeed)
} |
En hier wat in de body staat
HTML:
1
2
3
4
5
6
7
| <body onload="runSlideShow()"> <table border="0" cellpadding="0" cellspacing="0"> <tr> <td id="VU" height=150 width=150> <img src="1.jpg" name='SlideShow' width=960 height=300></td> </tr> </table> |
Weet iemand wat het probleem is?
Alvast bedankt!