2016-12-28 3 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

あなたは単にforループ内のクラスを渡すことによってそれを作ることができ、この

//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

をachiveするためにjqueryのを使用することができます...大きなjsの

関連する問題