Bxslider自动收报机模式

时间:2017-03-29 02:00:24

标签: c# model-view-controller bxslider

我发现bxslider自动收报机图片滑块看起来很棒。但我无法将其实施到我的项目中。

我有:

 <html>

    <body>
        <!-- jQuery library (served from Google) -->
        <script src="@Url.Content("//ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js")"></script>
        <!-- bxSlider Javascript file -->
        <script src="@Url.Content("~/Scripts/bxslider/jquery.bxslider.min.js")"></script>
        <!-- bxSlider CSS file -->
        <link href="@Url.Content("~/Content/css/bxslider/jquery.bxslider.css")" rel="stylesheet" /> </body> </html>
</body>
</html>
<script type="text/javascript">

    $(document).ready(function () {
        $('.bxslider').bxSlider({
            minSlides: 4,
            maxSlides: 4,
            slideWidth: 170,
            slideMargin: 10,
            ticker: true,
            speed: 6000
        });
    });
</script>

enter image description here enter image description here 我的照片应该是水平的而不是垂直的。

请建议。

0 个答案:

没有答案