Форум

Добрый день ребята,

Нужна помощь ваша. К шаблону припилил слайдер + fancybox к карточке товара. В карточке одна большая фото и несколько  маленьких.

Возникла проблема когда нажимаешь на главное фото оно дублируется получается не очень удобно когда фото показывается два раза.
Может кто сможет помощь советом или делом. Не охота весь слайдер переделывать.

скрипт
[CODE]<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>
[/CODE]главное фото
[CODE]<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>
[/CODE]
доп. фото
[CODE]<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>
[/CODE]