Взять картинку из следующего div

[jdk]

Добрый день.

Вывожу на страницу массив изображений следующим образом:

<div id="container_gall"><?php   foreach ($gallery as $pic){?>   <a href="#"><img alt="" class="gall_img" src="<?php echo $pic['guid']; ?>"></a><?php   }?></div>

Дальше при клике на изображение оно увеличивается и остальная часть экрана затемняется (что то вроде fancybox). Так же добавил стрелки влево и вправо(id left и right соответственно). Подскажите пожалуйста, как при клике на стрелку взять следующее изображение?

Edited December 10, 2014 by jdk

[jdk]

пока какой то бред получился

$('#right').click(function(){    var origin = $('#container_gall img:first').attr("src");    var main_slide = $('#main_slide').attr("src");$('.gall_img').each(function(){    if (main_slide == $(this).attr("src")){        var here = $(this);        if ( here.next().attr("src") == undefined ){        $('#main_slide').attr("src", origin);    }else{       $('#main_slide').attr("src", here.next().attr("src"));}}});});

Если не сложно, подскажите пожалуйста как можно оптимально это сделать?

Edited December 10, 2014 by jdk

[Switch74]

можно для всех картинок установить id например что-то вроде img_01, img_02 и т.д.

когда вы открываете свой фансибокс, запешите в какую-нибудь переменную номер открытого изображения, после нажатия на стрелочку пусть отрабатывает функция, которая будет проверять какая картинка открыта и какая кнопка нажата, если нам нужна следующая картинка увеличиваем переменну на один и получаем картинку по id

[jdk]

Что то я сразу не додумался при выводе изображений id добавлять. Спасибо!