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

回答

相關問題