Question

这是一个示例http://jsfiddle.net/6GdW6/

$(".thumbnail").live("click", function() {
    $(".fullimage").hide();
    var i = $("<img />").attr("src", this.href).load(function() {
        $(".fullimage").attr("src", i.attr("src")).addClass("selected");
        $(".fullimage").fadeIn();
    });
    return false;
});

如果没有点击，如何默认显示第一张图片？
如何仅在活动链接上添加selected课程？

我希望保持当前html格式。

Answer 1

$(".thumbnail").on("click", function() {
    var selector = '.fullimage[src="' + $(this).attr('href') + '"]';

    $(".fullimage").hide();

    $(selector).fadeIn();
    return false;
});

http://jsfiddle.net/6GdW6/2/

Answer 2

我更新了jsfiddle：http://jsfiddle.net/6GdW6/5/ 它的作用就像一个魅力，我希望......

为什么使用3个标签，我想只需要一个：

<div id="fullimage">
 <img class="fullimage selected" src="http://i.imgur.com/W2SkQ.gif" alt=""  /> 
</div>

// Css

#fullimage .selected {display:block;}

// js

之类的东西

$(".thumbnail").live("click", function() {
    $(".fullimage").fadeOut();
    var i = $("<img />").attr("src", this.href).load(function() {
        $(".fullimage").attr("src", i.attr("src")).addClass("selected");
        $(".fullimage").fadeIn();
    });
    return false;
});

如何不显示当前所选图像并隐藏它？

2 个答案: