Javascript 图像不是'；t显示_Javascript_Jquery_Html_Css

Javascript 图像不是'；t显示

javascript jquery html css

Javascript 图像不是'；t显示,javascript,jquery,html,css,Javascript,Jquery,Html,Css,你能帮我吗？因为我是javascript的新手，所以我从某个站点复制了代码（复制代码是免费的，我很佩服程序员）。这个作业明天就要交了，所以我没有时间研究这个。你能帮帮我吗。顺便说一句，这是我第一次发帖。请温柔地回答。先谢谢你这是HTML <html> <head> <title>Sample</title> <link rel="stylesheet" type="text/css" href="sa

你能帮我吗？因为我是javascript的新手，所以我从某个站点复制了代码（复制代码是免费的，我很佩服程序员）。这个作业明天就要交了，所以我没有时间研究这个。你能帮帮我吗。顺便说一句，这是我第一次发帖。请温柔地回答。先谢谢你

这是HTML

<html>
    <head>
        <title>Sample</title>
        <link rel="stylesheet" type="text/css" href="sample.css">
    </head>
    <body>
    <script type="text/javascript" src="sample.js"></script>
    <div id="container">
        <h1>A really simple slideshow</h1>
        <ul class="slider">
        <li><img src="images/garmin1.jpg" height="337" width="600" /></li>
        <li><img src="images/garmin2.jpg" height="337" width="600" /></li>
        <li><img src="images/garmin1.jpg" height="337" width="600" /></li></ul>
        <p>I went to see <a href="http://trailers.apple.com/trailers/wb/gravity/" title="           Watch the Gravity trailer">Gravity</a> today. It was amazeballs.</p>

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

这是javascript

$(function(){
  var $slider = $('.slider');
  var $slide = 'li';
  var $delayTime = 1000;//fade in time
  var $transitionTime = 3000;

  function Slides() {
    return $slider.find($slide);
  }

  Slides().fadeOut();

  Slides().first().addClass('active').fadeIn();

  //Auto scroll
  $interval = setInterval(function(){
    var $i = $slider.find($slide + '.active').index();
    Slides().eq($i)
      .removeClass('active')
      .fadeOut($transitionTime);

    if(Slides().length == $i + 1) {
      $i=-1; 
    }

    Slides().eq($i + 1)
      .fadeIn($transitionTime)
      .addClass('active');

  }, $transitionTime + $delayTime);


});

我已经测试了你的代码，结果很好。这是我的

测试小提琴

：

您只需确保：

图像的路径是正确的
您正在加载jquery

希望这有帮助

我相信您没有在HTML中包含Jquery库

只需在HTML的

中添加以下行

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>

为了更好地理解，请检查…

我建议制作JSFIDLE，它是免费的；）：在

img

标记的

src

中使用的URL是相对路径。确保图像位于正确的位置（在浏览器中调用的HTML文档旁边的

images

目录中），是否可以附加文件夹层次结构的图片？[问题已解决]。谢谢大家！！我可以看出你是按照我希望的方式来做的。我很确定这些图像在正确的位置。有一件事我不确定。。如果我正确加载jquery？我需要考虑什么？有几种方法可以做到这一点。您可以在服务器上托管jquery，也可以远程加载它。您可以在或页脚部分将其加载到您的网站。但是第一次，您需要知道的是：加载页面后，检查浏览器控制台中是否定义了

jQuery

变量。如果不是，则不会加载JQuery。既然你给了我们你的整个HTML文件，我们可以看到你甚至没有调用JQuery的脚本，试着这样做。我的“sample.js”或我的脚本文件与JQuery不同吗？不，但是JQuery是你的sample.js文件所需要的库-这是一种依赖关系。这就是为什么它的关键是首先加载jquery，然后加载js文件。谢谢。我把那条线加在了我的头顶上。现在它就像一个符咒。

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>