Javascript fade

software development

#1

Hi, I’ve got a javascript fade script that I need to link to a different URL every time the pic changes. I had Javascript in college, but it primarily consisted of copy-n-paste 101. Can someone tell me how to modify this to do what I need it to?

Here’s the code:
Begin
// Set slideShowSpeed (milliseconds)
var slideShowSpeed = 3000;
// Duration of crossfade (seconds)
var crossFadeDuration = 5;
// Specify the image files
var Pic = new Array();
// to add more images, just continue
// the pattern, adding to the array below

Pic[0] = ‘images/fade/wood1.jpg’

Pic[1] = ‘images/fade/newage_fade.jpg’

Pic[2] = ‘images/fade/wood3.jpg’

Pic[3] = ‘images/fade/wood4.jpg’

//Pic[4] = ‘images/fade3b.jpg’

//Pic[5] = ‘images/fade3a.jpg’

//Pic[6] = ‘images/specialbig.gif’

//Pic[7] = ‘images/photogallery/fade5.jpg’

//Pic[8] = ‘images/photogallery/aa0222.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 = j + 1;
if (j > (p - 1)) j = 0;
t = setTimeout(‘runSlideShow()’, slideShowSpeed);
}
// End

this code goes in the body:

Photos of example landscapes

#2

Set an id on the anchor, and then modify the href attribute, ie

<a id="link"><img></a> url = urls[j]; anchor=document.getElementById('link'); anchor.setAttribute('href', url);
:cool: Perl / MySQL / HTML+CSS


#3

As I think I mentioned, I’m a total idiot when it comes to Javascript. Any way I could persuade you to show me where in the code that’s supposed to go?

I know the first line is supposed to go in the body of the page, does the rest go in the header? Where?

Thanks a bunch…I’ve been wanting to do this for ages but I was intimidated by goofing up my script.