jquery活动（居中）幻灯片与缩放效果

Question

我使用bxslider，我想使当前幻灯片作为缩放效果。

样本图片网址：http://i.imgur.com/bU9I4yT.jpg?1

Bxslider样品例如：http://bxslider.com/examples/carousel-demystified#example4

我已经看了几缩放插件，但他们都没有这种特定的效果。

任何人都可以帮助我吗？

实施例：

（PRE​​V）图像1 IMAGE2图像3（下一个）

当我点击下一个。它会显示这样

（PRE​​V）图像2 图像3图像4（下一个）

图像3是当前激活的，以便图像3将与缩放的效果显现。

Answer 1

以下样式应该工作。将“活动”类添加到活动图像div。还要明白，这些样式是由JavaScript添加的，因此您必须在代码中修改它，或者将以下样式标记为!important。

.bx-viewport { 
height: 170px; 
padding-top: 10px; 
} 

.slide { 
margin-right: 5px; 
} 

.slide.active { 
width: 360px; 
margin-right: 5px; 
margin-top: -10px; 
} 

.slide.active img { 
width: 360px; 
} 

希望这会有所帮助。