点击更改图片和背景

Question

我正在制作的测试站点有点问题。

我喜欢尝试使用 Javascript，但我被这个小代码卡住了......

我想要达到的目标：

当您单击下面的图片时，该图片将在页面的主要部分和背景中可见。当你点击页面的主页面（图片可见的地方），它会自动转到下一个。

我现在拥有的：

我已经做了一个弹出窗口，现在开始图片。我已经插入了一个代码，但它似乎并没有很好地打开。我试了很多次还是不行。

jQuery

我尝试做的是：

$('#photo').fadeIn();
$("#gallery ul li").on("click", function() {
var selector = '#photo[src="' + $(this).attr('href') + '"]';

$(".selected").hide();

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

$('#gallery ul li').on('click', function() {
$("#photo").hide();
var next = $(this).next();
if (next.length > 0) {
    next.fadeIn();    
} else {
    $('.selected').fadeIn();
}
return false;
});

我还制作了一个 jsFiddle，在其中输入了 HTML 和 CSS。

Live Demo

Answer 1

$('selector').fadeIn(); 正在寻找一个名为“选择器”的 HTML 标记。没有这样的标签。

要使用您定义的变量，请去掉引号。

$(selector).fadeIn();