Slideover effect med tilhørende hyperlink
Jeg har et javascript som automatisk fader mellem en liste af billeder... det jeg så gerne vil nu, er at jeg vil have hvert enkelt billede, til at repræsentere et hyperlink :) HVORDAN?! :DKoden ser ud som følger:
<html>
<head>
<SCRIPT LANGUAGE="JavaScript">
<!-- <!-- Begin
// Indstil hastigheden (millisekunder)
var slideShowSpeed = 7000;
// Lad følgende linie forblive som den er
var crossFadeDuration = 2;
// Billede-filerne
var Pic = new Array();
// For at tilføje flere, fortsæt da bare på samme måde
Pic[0] = 'pic_1.jpg'
Pic[1] = 'pic_2.jpg'
Pic[2] = 'pic_3.jpg'
Pic[3] = 'pic_4.jpg'
Pic[4] = 'pic_5.jpg'
Pic[5] = 'pic_6.jpg'
// Lad være med at ændre noget under denne linie
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);
}
// Her kan du begynde at ændre igen
-->
</script>
</head>
<body onLoad="runSlideShow()">
<img src="pic_1.JPG" name="SlideShow">
</body>
</html>
Håber I kan hjælpe ;D
