Добрый день.
Задача передо мной стоит следующая:
Есть скрипт jQuery lightBox который выводит увеличенную фотографию в модальном окне.
Есть товары которым можно задать уникальный ID. В данный момент в коде они ничем (кроме ссылок и текста) не отличаются. Одинаковая конструкция и классы и пр.
Сейчас скрипт работает с таким кодом:
<script type="text/javascript">
jQuery(function(){
jQuery(".imagebox").lightBox({
overlayBgColor: '#000',
overlayOpacity: 0.6,
imageLoading: 'catalog/view/theme/default/image/litebox/lightbox-ico-loading.gif',
imageBtnClose: 'catalog/view/theme/default/image/litebox/lightbox-btn-close.gif',
imageBtnPrev: 'catalog/view/theme/default/image/litebox/lightbox-btn-prev.gif',
imageBtnNext: 'catalog/view/theme/default/image/litebox/lightbox-btn-next.gif',
txtImage: 'Изображение',
txtOf: 'из'
});
});
</script>
И выводит все изображения (при пролистовании) с классом 'imagebox' попорядку.
Мне нужно чтобы он выводил тольк те изображения, что есть у конкретного товара, сейчас я могу задать каждому товару уникальный id, но не понимаю как прописать скрипту вывод конкретного id на который кликнули? Надеюсь смог понятно объяснить)
Страница генерируется php. Код выглядит так:
<?php
if ( count( $categories ) <= 8 ) {
foreach ( $categories as $k=>$category ) {
if( $k > 0 ) echo '';
echo '<div id="' . $category['name'] . '">';
echo '<h2>' . $category['name'] . '</h2>';
echo '<ul class="product_nav bx-pager1">';
$i=-1;
foreach ( $products_all[ $category['category_id'] ] as $product )
{
echo '<li><a href="" data-slide-index="' . ++$i .'">' . $product['name'] . '</a></li>';
echo '<li>/</li>';
}
echo '</ul>';
if ($category['description']) {
echo '<div class="descr_cat"> ' . $category['descriptions'] . '</div>';
}
echo '<div id="product_s">';
echo '<ul class="bxslider2">';
foreach ( $products_all[ $category['category_id'] ] as $product )
{
echo '<li>';
if ( $product['thumb'] ) {
echo '<div class="image"><img src="' . $product['thumb'] . '" title="' . $product['name'] . '" alt="' . $product['name'] . '" class="main_img"/>
';
foreach ($product['images'] as $image) {
echo '<a class="imagebox" href="'. $image['popup'] .'" >';
echo '<img src="'. $image['thumb'] . '" style="width:100px;height:100px;margin:0 0 5px;" />';
echo '</a>';
}
echo '<div class="clr"></div>';
echo '</div>';
}
echo '<div style="float:right;width:274px;"><div class="caption"><p>' . $product['name'] . '</p></div>';
if ( $product['price'] ) {
echo '<div class="price">';
if ( !$product['special'] ) { ?><span id="formated_price_<?php echo $product['product_id']; ?>" price="<?php echo $product['price_value']; ?>"><?php echo $product['price']; /**/ ?></span> <?php }
else { ?><span id="formated_price_<?php echo $product['product_id']; ?>" price="<?php echo $product['price_value']; ?>"><?php echo $product['price']; /**/ ?></span><span id="formated_special_<?php echo $product['product_id']; ?>" price="<?php echo $product['special_value']; ?>"><?php echo $product['special']; /**/ ?></span> <?php }
if ( $product['tax'] ) { echo '<br /><span class="price-tax">' . $text_tax . ' ' . $product['tax'] . '</span>'; }
echo '</div>';
}
?>