2016-12-28 141 views
-1

我想打開一個圖片點擊另一個圖片等。所以這是一個鏈6-7圖像。可以somone建議我如何實施它。打開一個圖片點擊另一個圖片等等

<html> 
<head></head> 
<body style="background:color:red"> 
    <a href="images/Delivery/2.png"> 
     <img src="images/Delivery/1.png"> 
    </a> 
</body> 
</html> 

使用上述代碼我只能打開2張圖片。如何通過點擊「2.png」等來訪問其他圖片。

+2

請記住,SO不是代碼寫作服務。你應該顯示你迄今爲止所嘗試的代碼來解決這個問題,以及你卡在哪裏。 – gus27

回答

0

您可以使用jQuery來實現這一目標

//Initial image element 
<img src="images/Delivery/1.png" /> 

var imagesToShow=["1.png","2.png","3.png","4.png","5.png","6.png","7.png"]; 

var cnt=1; 
$("img").click(function{ 
    //If last image then reset to first image 
    if(cnt==imagesToShow.length){ 
    cnt=0; 
    } 
    var nextimage="images/Delivery/"+imagesToShow[cnt]; 
    $(this).attr("src",nextimage); 

    cnt++; 
}); 
-1

您可以簡單地通過傳遞類循環使...沒有必要寫大JS

相關問題