点击更改图片和背景

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＆amp; CSS。

Live Demo

Answer 1

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

要使用您定义的变量，请丢失引号。

$(selector).fadeIn();