Доброго.
Помогите пжлст поправить, делается как-то просто вот только забыл и файлик потерял.
Карточки товаров в категории, в карточки главная картинка + ниже три дополнительные, при клике на дополнительную она должна встать на место главной.
Но вот беда, жмем на дополнительную а она меняет главную у всех товаров. Почему так происходит понятно как поправить не понятно
Вот скрипт:
jQuery(document).ready(function() {
VirtueMart.updateImageEventListeners()
});
VirtueMart.updateImageEventListeners = function() {
jQuery("a.vm-additional-images").fancybox({
"titlePosition" : "inside",
"transitionIn" : "elastic",
"transitionOut" : "elastic"
});
jQuery(".additional-images a.product-image.image-0").removeAttr("rel");
jQuery(".additional-images img.product-image").click(function() {
jQuery(".additional-images a.product-image").attr("rel","vm-additional-images" );
jQuery(this).parent().children("a.product-image").removeAttr("rel");
var src = jQuery(this).parent().children("a.product-image").attr("href");
jQuery(".main-image img").attr("src",src);
jQuery(".main-image img").attr("alt",this.alt );
jQuery(".main-image a").attr("href",src );
jQuery(".main-image a").attr("title",this.alt );
jQuery(".main-image .vm-img-desc").html(this.alt);
});
}
ну а вот php
<?php if (!empty($product->images) and count ($product->images)>1)
// Если есть, то выводим 2 блока с изображениями
{?>
<div class="image1 main-image">
<?php
echo $product->images[0]->displayMediaThumb('itemprop="image" class="browseProductImage"', false); // На это место ставим доп картинки при нажатии
?>
</div>
<div class="image2">
<?php
echo $product->images[1]->displayMediaThumb('class="browseProductImage"', false);
?>
</div>
<?php
}
// Если дополнительных изображений нет, то выводим одно изображение
else {
echo $product->images[0]->displayMediaThumb('class="browseProductImage"', false);
}?>
</div>
<div class="additional-images"> // Блок с дополнительными картинками которые должны становиться на место первой при клике
<?php
$start_image = VmConfig::get('add_img_main', 1)? 1 : 5;
for ($i = $start_image; $i < count($product->images); $i++) {
$image = $product->images[$i];
?>
<div class="floatleft">
<?php
if(VmConfig::get('add_img_main', 1)) {
echo $image->displayMediaThumb('class="product-image" style="cursor: pointer"',false,"");
echo '<a href="'. $image->file_url .'" class="product-image image-'. $i .'" itemprop="contentUrl" style="display:none;" title="'. $image->file_meta .'" rel="vm-additional-images"></a>';
} else {
echo $image->displayMediaThumb("",true,"class='modal'");
}
?>
</div>
Гляньте пожалуйста кто понимает (40amper точка ru слеш elektro)
Спасибо!