Jpeg Slideshow
Jeg sidder og knokler med et script til Jpeg slideshows.Jeg har en menubar, som skal arbejde sammen med mit slideshow.
Når jeg klikker på et menupunkt, så skal den crossfade fra det nuværende billede på mit slideshow, til det billede der passer til menu punktet. DVS. fra mit nuværende til et nyt.
1. Billedet skal defineres i koden i min menubar, hvordan gør jeg det?
2. Billedet skal crossfade fra det tidligere til det predefinerede billede, hvordan gør jeg det?
Her er det script jeg bruger:
<script>
// =======================================
// set the following variables
// =======================================
// Set slideShowSpeed (milliseconds)
var slideShowSpeed = 2000
// Duration of crossfade (seconds)
var crossFadeDuration = 2
// Specify the image files
var Pic = new Array() // don't touch this
// to add more images, just continue
// the pattern, adding to the array below
Pic[0] = '001.jpg'
Pic[1] = '002.jpg'
// =======================================
// do not edit anything below this line
// =======================================
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 = 2
if (j > (p-1)) j=0
t = setTimeout('runSlideShow()', slideShowSpeed)
}
</script>
</head>
<body bgcolor="#FFFFFF" text="#000000" onmouseup="runSlideShow()">
<table border="0" cellpadding="0" cellspacing="0">
<tr>
<td id="VU" height=200 width=133>
<img src="001.jpg" name='SlideShow' width=200 height=133></td>
</tr>
</table>
Mvh
Morten Ravn
