我正在使用 Jssor 滑块(http://www.jssor.com/demos/slider-cluster.html)。由于我的幻灯片很大(宽度约为 2000 像素),因此它们在较小的设备(甚至 iPad)上会显着缩放。我不介意在较小的设备上对称地裁剪两侧(左侧和右侧)。
然而,发生的情况是滑块固定在左侧 0 像素处。
1)我是否可以集中整个幻灯片容器?
2)并根据窗口/浏览器的高度缩放幻灯片容器?
我确实参考了这个,但没有激发任何解决方案:Jssor 滑块 100% 宽度
有人可以帮忙吗?谢谢。
响应式代码以适应高度或宽度
//responsive code begin
//you can remove responsive code if you don't want the slider scales while window resizes
function ScaleSlider() {
var windowWidth = $(window).width();
if (windowWidth) {
var windowHeight = $(window).height();
var originalWidth = jssor_slider1.$OriginalWidth();
var originalHeight = jssor_slider1.$OriginalHeight();
var scaleWidth = windowWidth;
if (originalWidth / windowWidth > originalHeight / windowHeight) {
scaleWidth = Math.ceil(windowHeight / originalHeight * originalWidth);
}
jssor_slider1.$ScaleWidth(scaleWidth);
}
else
window.setTimeout(ScaleSlider, 30);
}
ScaleSlider();
$(window).bind("load", ScaleSlider);
$(window).bind("resize", ScaleSlider);
$(window).bind("orientationchange", ScaleSlider);
//responsive code end
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)