Javascript-форум (https://javascript.ru/forum/)
-   jQuery (https://javascript.ru/forum/jquery/)
-   -   Не могу придумать как его сделать (https://javascript.ru/forum/jquery/65417-ne-mogu-pridumat-kak-ego-sdelat.html)

vovk_a 17.10.2016 15:57

Не могу придумать как его сделать
 
Есть такой обработчик:
$(".photo").bind('click', function () {
	var new_src = $(this).find("img").attr("src");
	$(".img_main img").attr("src", new_src);
});

HTML
<div class="img_main">
	<img src="img/gir_shop.jpg">
</div>
<div class="photo">
	<img src="img/image1.jpg">
</div>
<div class="photo">
	<img src="img/image2.jpg">
</div>
<div class="photo">
	<img src="img/image3.jpg">
</div>

Этот обработчик меняет картинку через замену src на другой по клику на картинку из списка. Он у меня один на несколько элементов.
Проблема в том, что когда я перехожу на другой элемент у меня в новом окне должна высвечиваться стартовая картинка другого элемента, а высвечиваеться картинка с предыдущего элемента на которой я остановился.

рони 17.10.2016 16:13

vovk_a,
код нужно форматировать, если элементов $(".img_main img") много то лучше всю его группу ставить в отдельный div, а клик на этот div.

vovk_a 17.10.2016 18:33

Спасибо за за мечание по форматированию.
Мне нужно поставить обработчик на родителя и все должно заработать, правильно я понимаю?

рони 17.10.2016 18:43

vovk_a,
да, если вопросы останутся сделайте минимальный макет на пару блоков.
Пожалуйста, отформатируйте свой код!

Для этого его можно заключить в специальные теги: js/css/html и т.п., например:
[js]
... ваш код...
[/js]


О том, как вставить в сообщение исполняемый javascript и html-код, а также о дополнительных возможностях форматирования - читайте http://javascript.ru/formatting.


Часовой пояс GMT +3, время: 13:17.