修复JSSOR Slider Bug并在禁用CSS-Transforms时调整大小

时间:2015-03-05 15:58:40

标签: javascript jquery css slideshow jssor

我在其中一个响应项目中使用JSSOR滑块。我对它实现响应式调整大小的方式感到不满,因为它依赖于transform:scale() - 概念。所以我通过设置

禁用了这种行为(仅适用于包含div)
#sliderContainer>div {
  transform:none !important;
  -webkit-transform: none !important;
}

并使用CSS手动设置sliderContainer, img的大小以及箭头位置。这将导致完美的响应行为。但是,有一个错误。当装入尺寸A并切换到尺寸B(例如将平板电脑从纵向转换为横向模式)或调整浏览器窗口大小时,它将完全搞砸幻灯片的位置:

JSSOR Slider bug

我正在正确调用jssor_slider1.$ScaleWidth(e.g. 820)函数。但我看不出绝对定位的任何变化。看起来滑块完全依赖于缩放转换,并没有实现真实的响应概念。

我的问题:有没有办法动态设置幻灯片宽度和/或导致完全重新计算?也许重新启动滑块?

我唯一的解决方案是手动配置最大的幻灯片尺寸:

 $SlideWidth: 820, //[Optional] Width of every slide in pixels...

但是,这将导致较小分辨率中的大间隙滑动。

0 个答案:

没有答案