2016-12-28 3 views
-1

Я хочу открыть изображение при щелчке по другому изображению и так далее. Так это цепочка до 6-7 изображений. Может ли кто-нибудь предложить мне, как я могу его реализовать.Чтобы открыть изображение, нажмите на другое изображение и т. Д.

<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

Пожалуйста, имейте в виду, что ТАК не служба написания кода. Вы должны показать код того, что вы пробовали до сих пор, чтобы решить эту проблему и где вы застряли. – 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