Добрый день ребята,
Нужна помощь ваша. К шаблону припилил слайдер + fancybox к карточке товара. В карточке одна большая фото и несколько маленьких.
Возникла проблема когда нажимаешь на главное фото оно дублируется получается не очень удобно когда фото показывается два раза.
Может кто сможет помощь советом или делом. Не охота весь слайдер переделывать.
скрипт
главное фото
доп. фото
Нужна помощь ваша. К шаблону припилил слайдер + fancybox к карточке товара. В карточке одна большая фото и несколько маленьких.
Возникла проблема когда нажимаешь на главное фото оно дублируется получается не очень удобно когда фото показывается два раза.
Может кто сможет помощь советом или делом. Не охота весь слайдер переделывать.
скрипт
Код |
---|
<sc ript type="text/javascript"> function setBigImage(foto) { $("#adpdp14").attr('href', $(foto).parent('.it').children('a').attr('href')); $("#fancybox-img").attr('src',foto.attr('href'));} </sc ript> |
Код |
---|
<div class="img"> <a href="<? echo $arFirstPhoto['SRC']; ?>" id="adpdp14" rel="example_group" oncl ick="setTimeout(function() {$('#fancybox-img').attr('src',$('#adpdp14 img').attr('src')) }, 50)"> <img id="<? echo $arItemIDs['PICT']; ?>" src="<? echo $arFirstPhoto['SRC']; ?>" style="margin-bottom: 3px;" alt="<? echo $strAlt; ?>"></a> </div> |
доп. фото
Код |
---|
<div class="thumbs"> <li data-value="<? echo $arOnePhoto['ID']; ?>" st yle="width: <? echo $strOneWidth; ?>; padding-top: <? echo $strOneWidth; ?>;"> <div class="it"> <span class="cnt"><a style="display:none;" href="<? echo $arOnePhoto['SRC']; ?>" rel="example_group"></a> <span class="cnt_item" st yle="background-image:url('<? echo $arOnePhoto['SRC']; ?>');"></span> </span> </div> </li> <div class="clr"></div></div> |