Показать сообщение отдельно
  #1 (permalink)  
Старый 06.05.2016, 22:57
Интересующийся
Отправить личное сообщение для Maine Посмотреть профиль Найти все сообщения от Maine
 
Регистрация: 23.02.2016
Сообщений: 19

this указывает на ul, а не на li
Всем привет!
Вопрос в следующем. Пытаюсь сделать галерею в форме списка. При нажатии на изображение срабатывает функция g.showPreview, но в this попадает весь ul вместо отдельных li. Как это исправить?

<section class="portfolio_section">
	<div class='portfolio'>
            <ul class='pictures'>
                <li><img src='images/gallery/1.jpg' class='picture_image' src='' alt='Leo'></li>
                <li><img src='images/gallery/2.jpg' class='picture_image' src='' alt='Jake'></li>
                <li><img src='images/gallery/3.jpg' class='picture_image' src='' alt='Jennyfer'></li> 
                <li><img src='images/gallery/4.jpg' class='picture_image' src='' alt='James'></li>
                <li><img src='images/gallery/5.jpg' class='picture_image' src='' alt='Natalie'></li>
                <li><img src='images/gallery/6.jpg' class='picture_image' src='' alt='Portman'></li>
            </ul>
	</div>
</section>


g.showPreview = function() {
         var picture = $(this);
         g.display(picture);
         g.current = g.pictures.index(picture);
    }


g.display = function(oPicture) {
        var smallPic = oPicture.find('.picture_image');
        var smallPicSrc = smallPic.attr('src');
        g.previewImage.attr('src', smallPicSrc);
        g.previewText.html(smallPic.attr('alt'));
        g.preview.addClass('preview_shown');
    }
Ответить с цитированием