jQuery Jssor图像滑块宽度问题

时间:2015-05-04 23:21:11

标签: javascript jquery css jssor

我最近实现了响应式的Jssor Image Slider:

http://www.petcenters.com/Interior-Painting-Gallery

这是演示: http://www.jssor.com/demos/image-gallery.html

我在调整此容器的宽度时遇到问题。

我试图在几个地方将width属性更改为1340px:

<div id="slider1_container" style="position: relative; top: 0px; left: 0px; width: 800px; height: 456px; background: #191919; overflow: hidden;">

<div u="slides" style="cursor: move; position: absolute; left: 0px; top: 0px; width: 800px; height: 356px; overflow: hidden;">

我也尝试在响应式JavaScript中进行修改。这导致ExtraSmall ViewPort出现问题:

        function ScaleSlider() {
            var parentWidth = jssor_slider1.$Elmt.parentNode.clientWidth;
            if (parentWidth)
                jssor_slider1.$ScaleWidth(Math.max(Math.min(parentWidth, 800), 300));
            else
                window.setTimeout(ScaleSlider, 30);
        }

我还发现一些动画偏离了中心。

这可能是一个非常简单的问题,但遗憾的是我没有足够的CSS经验。

任何帮助都将不胜感激。

0 个答案:

没有答案