更新div与图像

2013-11-04 32 views 0 likes

我正在使用此插件：http://www.gmarwaha.com/jquery/jcarousellite/来做一个旋转木马，但是，上面有一个div，我想点击图像更新。我怎么能做到这一点？这里显示的图像将如何工作：更新div与图像

image showing how my carousel is

<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>

来源

2013-11-04 Leandro RR

它说怎么办，就在这里http://www.gmarwaha.com/jquery/jcarousellite/?#doc – Joren

@Joren你可以更具体而言，我在那个页面上看不到有关设置轮播外部图像的内容。 – Phaeze

@Joren，我这样做。谢谢，在这里发布的其他解决方案也适用 –

回答

我检查自己的文件，他们似乎没有任何选项，以显示在顶部原始大小的活动图像。你必须自己编写所有的javascript代码来构建一个模块，

或者只是使用CoolCarousel Frebsite slider - type 61与你的插件相同。

来源

2013-11-04 20:08:39

Flexslider也是一个非常好的滑块插件 – Laxmana

尝试把这个到您的文档准备部分

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

来源

2013-11-04 20:31:38 Phaeze

有一个“）”缺失，但我仍然会给+1，因为这是一个很好的方式 –

@HananAlaca感谢您指出这一点，我已经纠正它。 – Phaeze

更新div与图像

回答

相关问题