使jssor carousel真正响应

时间:2015-11-25 07:58:13

标签: jssor

好吧,我不是在期待别人,而是再次帮助我自己使用他制作的最好的图像滑块插件(jssor早先在stackoverflow上帮助过我)。我想让jssor carousel在减少幻灯片中显示的图像数量方面做出响应。到目前为止,随着我们转向更小分辨率的设备,旋转木马内部图像的尺寸减小了。但是,在某些时候,这些图像看起来很小,并且不可取。如果我们减少旋转木马内显示的图像数量较小的屏幕,则可以解决此问题。就像我们在更大的屏幕上显示5个图像一样,如何在相当低的屏幕上显示2个图像?

等你jssor !!!继续完成你所做的好工作!

1 个答案:

答案 0 :(得分:1)

您知道在调整窗口大小时,滑块中的所有元素都会缩放。

当您设置滑块的小尺寸并且它缩放到更大尺寸时,箭头看起来更大。

防止它扩大规模的两种方法。

首先,使滑块的原始尺寸更大,这将阻止滑块以大比例显示。

第二,使用data-noscale="1"明确缩放箭头。

<span data-u="arrowleft" class="jssora13l" style="top:0px;left:30px;width:40px;height:50px;" data-noscale="1"></span>
<span data-u="arrowright" class="jssora13r" style="top:0px;right:30px;width:40px;height:50px;" data-noscale="1"></span>

示例:suppress arrows from scaling - jssor slider