用图像更新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 slider - type 61。