Javascript slider with links

嗨如何添加html链接？到IMG1 IMG2 IMG3 IMG4Javascript slider with links

slider.js代码：

var imageCount = 1; 
var total = 4; 

function photo(x) { 
    var image = document.getElementById('image'); 
    imageCount = imageCount + x; 
    if(imageCount > total){ 
     imageCount = 1; 
    } 
    if(imageCount < 1){ 
     imageCount = total; 
    } 
    image.src = "Slide/img"+ imageCount +".png"; 
} 

window.setInterval(function photoA() { 
    var image = document.getElementById('image'); 
    imageCount = imageCount + 1; 
     if(imageCount > total){ 
      imageCount = 1; 
     } 
     if(imageCount < 1){ 
      imageCount = total; 
     } 
     image.src = "Slide/img"+ imageCount +".png"; 
},5000);

HTML代码：

<body onLoad="photoA()"> 
    <div id="slider"> 
     <img src="Images/img1.jpg" id="image" > 
     <a id="Images/img1.jpg"><img id="image"></a> 
     <div class="left_hold"><img onClick="photo(-1)" class="left" src="Images/arrow_left.png"></div> 
     <div class="right_hold"><img onClick="photo(1)" class="right" src="Images/arrow_right.png"></div> 
    </div>

我可以把链接到数组？以及如何做到这一点？ var imagelinks = [“www.link1.com”，“www.link2.com”，“www.link3.com”，“www.link4.com”];

来源

2015-01-14 Blade69

有什么不对数组，你建议？ – Huey

好的首先，你不能在页面上的多个元素中使用相同的ID。你必须为此使用类。每个元素的ID都是唯一的。

关于锚标签内的图像，下面是你如何做到这一点。

<div> 
    <a href='http://www.google.com'> 
    <span> 
    <img src='http://velocityagency.com/wp-content/uploads/2013/08/go.jpg'> 
    </span> 
    </a> 
</div>

是的，你可以把链接放在一个数组中。只需追加“http：//”即可正确重定向。我有一种不好的感觉，你正在以非常错误的方式接近你的问题。你写的代码可以用更好的方法重写。考虑使用jquery，如果你想快速完成这些微不足道的事情。

来源

2015-01-14 13:31:32 Aditya

你可以试试这个

<body onLoad="photoA()"> <div id="slider"> <a href="yourlink"><img src="Images/img1.jpg" id="image" ></a> <a href="yourlink" id="Images/img1.jpg"><img id="image"></a> <div class="left_hold"><img onClick="photo(-1)" class="left" src="Images/arrow_left.png"></div> <div class="right_hold"><img onClick="photo(1)" class="right" src="Images/arrow_right.png"></div> </div> </body>

来源

2015-01-14 13:35:31

Javascript slider with links

回答

相关问题