Простая jQ-галерея: найдите ошибку

Тема в разделе "Программирование", создана пользователем AKopytenko, 09.06.2012.

  1. AKopytenko
    Offline

    AKopytenko Russian Joomla! Team Команда форума

    Регистрация:
    01.09.2011
    Сообщения:
    1 963
    Симпатии:
    168
    Пол:
    Мужской
    Написал простенький скрипт для галереи в карточке товара:
    Код (CODE):
    1. $(document).ready(function() {
    2.  
    3.     var i = $('.model').attr('id');
    4.    
    5.     $('#'+i+' .small a').click(function(eventObject){
    6.         $('#'+i+' .big img').hide().attr('src', $(this).attr('href'));
    7.         $('#'+i+' .big img').load(function(){
    8.             $(this).fadeIn(500);
    9.         });
    10.         eventObject.preventDefault();
    11.     });
    12.  
    13. });

    $('div[class=model]').attr('id') - получаем значение ID элемента-контейнера (блок class=module) карточки товара. На странице каждая карточка товара имеет свой ID - заполняется из поля ID в базе.

    Всё работает, но только на первом выводе. В остальных карточках товаров галерея не работает (картинки просто открываются в новом окне...).

    ПОДСКАЖИТЕ, ГДЕ ОШИБКА? :gam3:

    Код (html):
    1. <div class="model" id="<?php echo $modelRow['id'] ?>">
    2.     <div class="model-image">
    3.         <div class="model-image-slider">
    4.             <div class="big">
    5.                 <img src="<?php echo $modelRow['image_1'] ?>" />
    6.             </div>
    7.             <div class="small">
    8.                 <a href="<?php echo $modelRow['image_1'] ?>"><img src="<?php echo $modelRow['image_small_1'] ?>" /></a>
    9.                 <a href="<?php echo $modelRow['image_2'] ?>"><img src="<?php echo $modelRow['image_small_2'] ?>" /></a>
    10.                 <a href="<?php echo $modelRow['image_3'] ?>"><img src="<?php echo $modelRow['image_small_3'] ?>" /></a>
    11.             </div>
    12.         </div>
    13.     </div>
    14. </div>
     
    Последнее редактирование: 09.06.2012
  2.  
  3. OlegM
    Offline

    OlegM Russian Joomla! Team Команда форума

    Регистрация:
    12.04.2007
    Сообщения:
    4 311
    Симпатии:
    375
    Пол:
    Мужской
    Код (CODE):
    1. $(document).ready(function() {
    2.     $('.model').each(function(){
    3.         var i = $(this).attr('id');    
    4.         $('#'+i+' .small a').click(function(eventObject){
    5.             $('#'+i+' .big img').hide().attr('src', $(this).attr('href'));
    6.             $('#'+i+' .big img').load(function(){
    7.                 $(this).fadeIn(500);
    8.             });
    9.             eventObject.preventDefault();
    10.         });
    11.     });
    12. });
     
    AKopytenko нравится это.

Поделиться этой страницей

Загрузка...