Question

我尝试了各种Gallery插件，但都不符合我的需求。

我有一些标记如下：

<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交换为ID“fullsize”，最好有一些淡化效果，但至少图像应该切换。

如何开始使用简单灵活的jQ脚本？谢谢！

Answer 1

$(".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/

简单的jQuery Gallery Selfmade？

1 个答案: