href in slideshow

[Matej]

Hello ,i have slide show :

 

var i = 0; var path = new Array(); path[0] = "pic1.jpg" ; path[1] = "pic2.jpg"; path[2] = "pic3.jpg" ; function swapImage() { document.slide.src = path[i]; if(i < path.length - 1){ i++;} else {i = 0;} setTimeout("swapImage()",3000); } window.onload=swapImage;

 

how do i set href for each pic?Thanks for answers

[justsomeguy]

It looks like you can set document.slide.href.

[Matej]

Wouldnt it set one href for all pictures?

I'd like to set different href for all pictures

Edited April 23, 2014 by Matej

[justsomeguy]

Then you either need to make another array for links, or make one array that contains both links and image sources.

[Matej]

like this?

var i = 0; var path = new Array(); path[0] = "pic1.jpg" ; path[1] = "pic2.jpg"; path[2] = "pic3.jpg" ;  var change=new Array();change[0]="www.just.com";change[1]="www.some.com";change[2]="www.guy.com";function swapImage() { document.slide.src = path[i]; document.slide.href=change[i];if(i < path.length - 1&& i<change.length-1){ i++;} else {i = 0;} setTimeout("swapImage()",3000); } window.onload=swapImage;

Edited April 23, 2014 by Matej

[justsomeguy]

That's one way to do it. That's called parallel arrays.

[Matej]

Thanks for answer/advice/information

[davej]

I'm confused. What is document.slide?

[Matej]

<img src="devej.jpg" name="slide">

 

its like like if i set Id and than get it with var x. it would be x.src

[davej]

But can you assign an href to an <img>? I would think you would need to wrap the <img> inside an <a>.

[Matej]

well yea it should be like

<a id="lol"><img src="davej.jpg" name="slide"></a>var i = 0; var path = new Array(); path[0] = "pic1.jpg" ; path[1] = "pic2.jpg"; path[2] = "pic3.jpg" ;  var change=new Array();change[0]="www.just.com";change[1]="www.some.com";change[2]="www.guy.com";function swapImage() { document.slide.src = path[i]; var m=document.getElementById("lol");m.setAttribute("href","change[i]");if(i < path.length - 1&& i<change.length-1){ i++;} else {i = 0;} setTimeout("swapImage()",3000); } window.onload=swapImage;

or?

Edited April 25, 2014 by Matej

[davej]

<a href="#"><img src="#" id="slide"></a><script>var i = 0; var path = []; path[0] = "pic1.jpg" ; path[1] = "pic2.jpg"; path[2] = "pic3.jpg" ;  var change=[];change[0]="www.just.com";change[1]="www.some.com";change[2]="www.guy.com";function swapImage() { var s=document.getElementById("slide");s.src = path[i]; s.parentNode.href = change[i];i++;if(i>=path.length || i>=change.length){i = 0;} setTimeout(swapImage,3000); } window.onload=swapImage;</script>

[Matej]

Well my code would work too , or wouldnt it?(cant test it atm)