Javascript SlideJ不工作时的宽度和交换_Javascript_Jquery_Html_Css_Twitter Bootstrap

Javascript SlideJ不工作时的宽度和交换

javascript jquery html css twitter-bootstrap

Javascript SlideJ不工作时的宽度和交换,javascript,jquery,html,css,twitter-bootstrap,Javascript,Jquery,Html,Css,Twitter Bootstrap,我正在尝试制作一个简单的网站来学习Twitter引导和SlideJS。下面的代码是我到目前为止的代码。我目前有两个问题。第一个是，即使我将swap设置为false，它仍然在滑块底部显示PlayStop。我的第二个问题是，无论我每次用类容器（twitter bootstrap类）将某个内容放入div时做什么，我都无法调整容器中任何内容的宽度，它们都只占用容器的整个宽度 <!DOCTYPE HTML> <html> <head> <m

我正在尝试制作一个简单的网站来学习Twitter引导和SlideJS。下面的代码是我到目前为止的代码。我目前有两个问题。第一个是，即使我将swap设置为false，它仍然在滑块底部显示PlayStop。我的第二个问题是，无论我每次用类容器（twitter bootstrap类）将某个内容放入div时做什么，我都无法调整容器中任何内容的宽度，它们都只占用容器的整个宽度

<!DOCTYPE HTML>
<html>
    <head>
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <script src="js/jquery.js"></script>
        <script type="text/javascript" src="js/jquery.slides.min.js"></script>
        <script src="bootstrap/js/bootstrap.min.js"></script>
        <link rel="stylesheet" href="bootstrap/css/bootstrap.min.css">
        <link rel="stylesheet" type="text/css" href="css/custom.css">
        <style type="text/css">
            #slides{
                display: none;

            }
        </style>

        <script type="text/javascript">


            $(function(){
              $("#slides").slidesjs({
                width: 700,
                height: 393,
                navigation: {active: false, effect: "fade"},
                pagination: {active: false},

                play: {
                    active: true,
                    effect: "fade",
                    interval: 4500,
                    auto: true,
                    swap: false,
                    pauseOnHover: true,
                    restartDelay: 2500
                }
              });

            });


        </script>
    </head>
    <body>
        <div class="container">
           <div id="slides">

                <img src="imgs/alfa1.jpg" width="600" height="400"/>

                <img src="imgs/alfa2.jpg" width="600" height="400"/>

                <img src="imgs/alfa3.jpg" width="600" height="400"/>

                <img src="imgs/alfa4.jpg" width="600" height="400"/>

                <img src="imgs/alfa5.jpg" width="600" height="400"/>

                <img src="imgs/alfa6.jpg" width="600" height="400"/>

            </div>
        </div>
    </body>
</html>


#幻灯片{
显示：无；
}
$（函数（）{
$（“#幻灯片”）.slidesjs({
宽度：700，
身高：393，
导航：{active:false，效果：“fade”}，
分页：{active:false}，
播放：{
主动：对，
效果：“褪色”，
间隔时间：4500，
是的，
交换：错，
pauseOnHover:是的，
重启延迟：2500
}
});
});

以下是一个屏幕截图：

swap所做的是显示play或stop，而不是play和stop。如果要禁用菜单，请设置

play:{active:false}


我不知道你所说的调整子宽度是什么意思？我已经在jsfiddle上做了一个工作示例（将来在类似jsfiddle的沙箱中提出您的问题会有所帮助）。如果你能澄清这个问题，我很乐意帮忙
示例：
这是因为它在一个容器潜水中，有一个来自twitter引导的容器类。我正在想办法解决这个问题。顺便说一句，你给我的第一个解决方案奏效了，谢谢。