jQuery滑块图像居中建议

时间:2014-12-10 19:32:17

标签: javascript jquery slider jssor

我正在寻找一个你可以拥有背景图片的滑块,例如1920px宽400px高,但滑块的主要内容是1000px,滑块会自动缩小,直到它到达图像的中心?有点像http://www.morganstanley.com/

我看过JSSOR,但就我的生活而言,我无法弄清楚如何去做。

感谢您阅读

1 个答案:

答案 0 :(得分:0)

请将滑块放在以下包装中,

<div style="position: relative; width: 100%; background-color: #003399; overflow: hidden;">
    <div style="position: relative; left: 50%; width: 5000px; text-align: center; margin-left: -2500px;">
        <!-- Jssor Slider Begin -->
        <div id="slider1_container" style="position: relative; margin: 0 auto; ...;">
            ...
        </div>
        <!-- Jssor Slider End -->
    </div>
</div>

您将获得http://www.jssor.com/testcase/auto-center-slider-with-no-scale.source.html

的示例