Простая галерея jQuery Самодельный? - PullRequest
Новая
       7

Простая галерея jQuery Самодельный?

1 голос
/ 01 февраля 2011

Я пробовал различные плагины Галереи, но ни один из них не соответствует моим потребностям.

У меня есть следующая разметка: 

<div id='thumbs-list'>
    <div class='thumb-item'>
        <a href='big1.jpg'><img src='thumb1.jpg' /></a>
    </div>
    <div class='thumb-item'>
        <a href='big2.jpg'><img src='thumb2.jpg' /></a>
    </div>
    <div class='thumb-item'>
        <a href='big3.jpg'><img src='thumb3.jpg' /></a>
    </div>
</div>
<div id='fullsize'>
    <img src='big1.jpg' />
</div>

Я хочу поменять связанные файлы JPG на идентификатор 'fullsize', желательно с некоторым эффектом затухания, но по крайней мере изображение должно переключиться.

Как я могу начать с простого, следовательно, гибкого jQ-скрипта? Спасибо!

1 Ответ

3 голосов
/ 01 февраля 2011 
$(".thumb-item a").click(function(e){
    e.preventDefault();
    var $a = $(this);
    $("#fullsize img").fadeOut("slow", function(){
        $(this).attr("src", $a.attr("href")).fadeIn("slow");
    });
});

рабочий пример: http://jsfiddle.net/cp22v/

...