Javascript 我的JQuery图像幻灯片似乎不起作用_Javascript_Jquery_Html

Javascript 我的JQuery图像幻灯片似乎不起作用

javascript jquery html

Javascript 我的JQuery图像幻灯片似乎不起作用,javascript,jquery,html,Javascript,Jquery,Html,我正在学习JQuery，我想学习如何编写一个简单的图像幻灯片，所以我在youtube上观看了一个教程并复制了代码。当我测试它时，它什么也没做。我尝试将jquery链接更改为最新的链接，但仍然没有成功 <html> <head> <script src="//code.jquery.com/jquery-1.10.2.js"></script> <script src="//code.jquery.com/ui/1.11.0/jquer

我正在学习JQuery，我想学习如何编写一个简单的图像幻灯片，所以我在youtube上观看了一个教程并复制了代码。当我测试它时，它什么也没做。我尝试将jquery链接更改为最新的链接，但仍然没有成功

<html>
<head>
  <script src="//code.jquery.com/jquery-1.10.2.js"></script>
  <script src="//code.jquery.com/ui/1.11.0/jquery-ui.js"></script>
  <script src="jqslideshow.js" type="text/javascript"></script>
</head>
<body>
  <img src="nature.jpg" id="slideshow" width="500" height="300">
  <table>
    <tr>
      <td align="left"><a href="javascript:changeImage(-1)">Previous</a></td>
      <td align="right"><a href="javascript:changeImage(1)">Next</a></td>
      <td id="play_stop" align="right"><a href="javascript:play()" >Play</a></td>
    </tr>
  </table>
</body>
</html>

一定要换衣服

$("document").ready(function(){
    $('#slideshows').fadeOut('slow', function(){
      $(this).attr('src', Image[ImageNumber]);
    }).fadeIn('slow');  
  });

到

因此，请删除引号，更重要的是，将id更改为

slideshow

，因为这样命名图像标记

还要确保图像与html文件位于同一目录中，或者创建相对路径

如果这仍然不起作用，请使用浏览器中的控制台。

在

//

下面的代码实际上是在一个单独的文件中吗？请尝试删除文档：$（文档）周围的引号。ready（…乍一看，

$（“文档”）。ready

应该是

$（文档）.ready

BTW打开浏览器控制台并查找错误消息。如果您使用chrome，请按Ctrl+Shift+J打开控制台或安装Firebug扩展。如果您使用Firefox，请提供您的？？

$("document").ready(function(){
    $('#slideshows').fadeOut('slow', function(){
      $(this).attr('src', Image[ImageNumber]);
    }).fadeIn('slow');  
  });

$(document).ready(function(){
    $('#slideshow').fadeOut('slow', function(){
      $(this).attr('src', Image[ImageNumber]);
    }).fadeIn('slow');  
  });