javascript - 用图像更新 div

Question

我正在使用这个插件：http ://www.gmarwaha.com/jquery/jcarousellite/做一个轮播，但是，上面有一个 div，我想用点击的图像更新。我该怎么做？这里有一张图片展示了它是如何工作的：

<div class="main-image">
 <img src="http://mysite.com/image.jpg">
</div>

<div class="carousel">
<ul>
<li><a href="#"><img src="http://mysite.com/image.jpg"></a></li>
<li><a href="#"><img src="http://mysite.com/image.jpg"></a></li>
<li><a href="#"><img src="http://mysite.com/image.jpg"></a></li>
<li><a href="#"><img src="http://mysite.com/image.jpg"></a></li>
</ul>
</div>

Answer 1

尝试将其放入您的文档准备部分

// This is untested but it should work
$('.carousel li>a').click(function(){
    $('.main-image').find('img').attr('src', $(this).find('img').attr('src'));
});

Answer 2

我检查了他们的文档，他们似乎没有任何选项可以在顶部显示原始大小的活动图像。您必须自己编写所有 javascript 代码才能在其中构建模块，

或者干脆使用CoolCarousel Frebsite 滑块 - 类型 61与您的插件相同。