Справочник функций

Ваш аккаунт

Войти через: 
Забыли пароль?
Регистрация
Информацию о новых материалах можно получать и без регистрации:

Последние темы форума

Показать новые сообщения »

Почтовая рассылка

Подписчиков: 11636
Последний выпуск: 19.06.2015

jQuery - Простенькая галерея. Как исправить?

94K
02 октября 2014 года
IVooDooI
1 / / 02.10.2014
Здравствуйте,
Нашел недавно простенький скрипт галереи:
Код Java(TM) 2 Platform Standard Edition 5.0


 
Код:
$('.thumbs').delegate('img','click', function(){

    $('#largeImage').attr('src',$(this).attr('src').replace('thumb','large'));
    $('#description').html($(this).attr('alt'));
});
И сама галерея:


Код:
<div id="gallery">
    <div id="panel">
        <img id="largeImage" src="images/test2/image_01_large.jpg" />
        <div id="description">Игра Rage</div>
    </div>
 
    <div class="thumbs">
 
        <img src="images/test2/image_01_thumb.jpg" alt="Описание 1" />
        <img src="images/test2/image_02_thumb.jpg" alt="Описание 2" />
        <img src="images/test2/image_03_thumb.jpg" alt="Описание 3" />
        <img src="images/test2/image_04_thumb.jpg" alt="Описание 4" />
        <img src="images/test2/image_05_thumb.jpg" alt="Описание 5" />
    </div>
</div>

Смысл в том,что есть 2 типа картинок: маленькие для превью, и большие для вывода. Все работает отлично.
Но мне понадобилось добавить еще одну такую галерею на странице. И код перестал работать.

Помогите пожалуйста доработать код!

Знаете кого-то, кто может ответить? Поделитесь с ним ссылкой.

Ваш ответ

Реклама на сайте | Обмен ссылками | Ссылки | Экспорт (RSS) | Контакты
Добавить статью | Добавить исходник | Добавить хостинг-провайдера | Добавить сайт в каталог