Javascript HTML幻灯片放映不´；跑不动_Javascript_Jquery_Html

Javascript HTML幻灯片放映不´；跑不动

javascript jquery html

Javascript HTML幻灯片放映不´；跑不动,javascript,jquery,html,Javascript,Jquery,Html,我试图在网页中插入某种幻灯片，但它只是堆积图像，无法工作。有人能告诉我哪里出了问题吗代码如下： <!DOCTYPE HTML> <html> <head> <title>#</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="viewport" content="width=device-w

我试图在网页中插入某种幻灯片，但它只是堆积图像，无法工作。有人能告诉我哪里出了问题吗

代码如下：

<!DOCTYPE HTML>
<html>
<head>
<title>#</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<link href='http://fonts.googleapis.com/css?family=Open+Sans:400,300,600' rel='stylesheet' type='text/css'>
<link href="css/style.css" rel="stylesheet" type="text/css" media="all" />
<!--<link rel="stylesheet" href="css/lightbox.css">-->
<link rel="stylesheet" href="css/bootstrap.min.css" type="text/css" media="screen" />
<link rel="stylesheet" href="css/bootstrap-responsive.min.css" type="text/css" media="screen" />

<script type="text/javascript" src="js/jquery-1.8.0.min.js"></script>
<script type="text/javascript" src="js/bootstrap.min.js"></script>

<style type="text/css">
.carousel-inner img {
width:100%;
}
</style>

 <link rel="stylesheet" type="text/css" href="styles.css" />

 </head>
 <body>
 <!-- start header -->
 <div class="header_bg">
 <div class="wrap">
    <div class="header">
    <div class="logo">

    </div>
    <div class="h_right">
        <br></br><ul class="menu">
            <li><a href="index.html" >#</a></li>
            <li><a href="Empresa.html">#</a></li>
            <li class="active"><a href="destaques.html">#</a></li>
            <li><a href="marcas.html">#</a></li>
            <li><a href="contactos.html">#</a></li>
            <li><a href="login.html">#</a></li>
        </ul>
        <div id="sb-search" class="sb-search">
            <form>
                <input class="sb-search-input" placeholder="Enter your search term..." type="text" value="" name="search" id="search">
                <input class="sb-search-submit" type="submit" value="">
                <span class="sb-icon-search"></span>
            </form>
        </div>
        <script src="js/classie.js"></script>
        <script src="js/uisearch.js"></script>
        <script>
            new UISearch( document.getElementById( 'sb-search' ) );
        </script>
        <!-- start smart_nav * -->
        <nav class="nav">
            <ul class="nav-list">
                <li class="nav-item"><a href="index.html">#</a></li>
                <li class="nav-item"><a href="Empresa.html">#</a></li>
                <li class="nav-item"><a href="marcas.html">#</a></li>
                <li class="nav-item"><a href="contactos.html">#</a></li>
                <div class="clear"></div>
            </ul>
        </nav>
        <script type="text/javascript" src="js/responsive.menu.js"></script>
        <!-- end smart_nav * -->
    </div>
    <div class="clear"></div>
    </div>
     <div class="header_btm">
    <div class="h_left">
        <h1><img src="images/manuelazevedoesergiosantoslda.png"></img></a></h1>
    </div>
    <div class="soc_icons">
        <h2></h2>
            <br></br><ul>
                <li><a href="#"><img src="images/icon4_h.png"/></a></li>
                <li><a href="#"><img src="images/icon5_h.png"/></a></li>
                <div class="clear"></div>
            </ul>   
    </div>
    <div class="clear"></div>
    </div>
   </div>
 </div>
 <!-- start main -->

  <div class="row-fluid"  >

   <div id="myCarousel" class="carousel slide">
            <ol class="carousel-indicators">
              <li data-target="#myCarousel" data-slide-to="0" class=""></li>
              <li data-target="#myCarousel" data-slide-to="1" class=""></li>
              <li data-target="#myCarousel" data-slide-to="1" class=""></li>
              <li data-target="#myCarousel" data-slide-to="2" class="active"></li>
            </ol>
            <div class="carousel-inner">
              <div class="item">
                <img src="images/DESTAQUE_Herma.jpg" alt="">

              </div>

              <div class="item">
                <img src="images/DESTAQUE_Primo.jpg" alt="">
              </div>

              <div class="item">
                <img src="images/DESTAQUE_Easy Dò.jpg" alt="">

              </div>

              <div class="item active">
                <img src="images/DESTAQUE_Acryl.jpg" alt="">

              </div>

            </div>
            <a class="left carousel-control" href="#myCarousel" data-slide="prev">‹</a>
            <a class="right carousel-control" href="#myCarousel" data-slide="next">›</a>
          </div>

   <!--End Of Carosuel Slide show-->

    </div>  
    <div class="footer">
    <div class="span_of_4">
        <div class="span1_of_4">
            <h4>Sobre nós</h4>
            <p>#</p>
            <p></p>
            <p></p>
            <span></span>
            <p class="top"></p>
            <p></p>
            <p></p>
            <p></p>
            <p></p>
            <div class="f_icons">
                <ul>
                    <li><a class="icon4" href="#"></a></li>
                    <li><a class="icon5" href="#"></a></li>
                </ul>   
            </div>
        </div>

        <div class="span1_of_4">
            <h4>#</h4>
            <p>#</p>
        </div>
        <div class="span1_of_4">
            <iframe src="http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Fmass.lda&width=600&colorscheme=light&show_faces=true&border_color&stream=true&header=true&height=435" scrolling="yes" style="border:none; overflow:hidden; width:600px; height:360px; background: white; float:left; " allowtransparency="true" frameborder="0"></iframe><br>
        </div>
        <div class="clear"></div>
    </div>
    </div>
    <div class="footer_top">
        <div class="f_nav1">
            <ul>
                <!--<li><a href="index.html">home</a></li>-->
                <!--<li><a href="about.html">about</a></li>-->
                <!--<li><a href="marcas.html">marcas</a></li>-->
                <li><a href="contactos.html">Politica de Privacidade e de Protecção de dados pessoais da MASS</a></li>
            </ul>
        </div>
        <!--<div class="copy">

        </div>-->
        <div class="clear"></div>
     </div>
    <!--script-->       
    </body>
     </html>


#
.旋转木马内部img{
宽度：100%；
}










新的UISearch（document.getElementById（'sb search'）；
















索布雷·诺斯
#











#
#

我尝试过其他一些方法，但这是我能让它工作的最接近的方法

移动此：

在正文结束标记之前：

<script type="text/javascript" src="js/bootstrap.min.js"></script>

这可能是因为jquery版本问题，因为引导转盘不适用于更高版本的jquery

我也有同样的问题。它可以用最新的引导js修复

使用

它可以解决你的问题

替换

<div id="myCarousel" class="carousel slide">

与

及

替换

<div class="carousel-inner">

与

如果这不能解决您的问题，请阅读上的评论以了解更多详细信息

编辑

确保所有导入都是正确的。尝试在id=“myCarousel”DIV中添加data ride=“carousel”属性。引导文档在

中显示了它，因此我很难相信其中存在DOM排序问题。如果页面中的任何其他脚本依赖于它，那么在后面移动它肯定会破坏它们，使事情变得更糟。你错了。再次仔细阅读文档。Bootstrap.min.js不是Bootstrap.min.css，必须在前面。这里是文档的屏幕截图，它显示在

-旁边，并且

必须放在

中。打开getbootstrap.com，转到Get started并查找基本模板。所有这些都显示了（只要在依赖它之前没有使用其他脚本）你可以把它放在末尾。同一页上的其他文档显示，你可以把它放在头上。因此，没有理由建议将它移到末尾可以解决OP存在的问题。是否可能是我的css中有什么东西使幻灯片保持运行？它仍然不起作用：\Update question with my给定的更改，因此我我能帮你检查一下吗

<div id="myCarousel" class="carousel slide" data-ride="carousel">

<div class="carousel-inner">

<div class="carousel-inner" role="listbox">