如何在jQuery中滑动图像_Jquery

如何在jQuery中滑动图像

jquery

如何在jQuery中滑动图像,jquery,Jquery,我正在尝试将图像滑入左侧： <html> <head> <title>JQuery Slider</title> <link rel="stylesheet" href="style.css" /> <script type="text/javascript" src="jquery-1.4.1.min.js"></script> <script type="text/javascript" src="jq

我正在尝试将图像滑入左侧：

<html>
<head>
<title>JQuery Slider</title>
<link rel="stylesheet" href="style.css" />
<script type="text/javascript" src="jquery-1.4.1.min.js"></script>
<script type="text/javascript" src="jquery-ui-1.7.2.custom.min.js"></script>
<script>
  $(document).ready(function(){
     $("#one").show("fade",500);
     $("#one").delay(5500).hide("slide",{direction:'left'},500);
  });  
});
</script>
</head>

<body>
<div class="slider">
   <img id="one" src="img/banner01.jpg" alt="first image"/>
   <img id="two" src="img/banner02.jpg" alt="first image"/>
   <img id="three" src="img/banner03.jpg" alt="first image"/>
 </div>
</body>
</html>


JQuery滑块
$（文档）.ready（函数（）{
美元("一").show("淡出",500);；
$（“#one”）.delay（5500）.hide（“slide”，{direction:'left'}，500）；
});  
});

它在浏览器控制台上给出了一个错误未捕获的TypeError:对象的属性“#”不是函数

plz help me

您可以使用如下任何jquery插件

您的代码中有语法错误：

  $(document).ready(function(){
     $("#one").show("fade",500);
     $("#one").delay(5500).hide("slide",{direction:'left'},500);
  });  
}); // <--- remove this line

$（文档）.ready（函数（）{
美元("一").show("淡出",500);；
$（“#one”）.delay（5500）.hide（“slide”，{direction:'left'}，500）；
});  
}); //  JQuery/CSS
<script>
        $(function() {      
            $("#slideshow > div:gt(0)").hide(); 
            setInterval(function() { 
              $('#slideshow > div:first')
                .fadeOut(1500)
                .next()
                .fadeIn(1500)
                .end()
                .appendTo('#slideshow');
            },  3000);          
        });
    </script> 
        <style>
            #slideshow {position: absolute; width: 264px; height: 104px; padding: 0px; overflow: hidden;}
            #slideshow > div { position: absolute; overflow: hidden;}   
        </style> 


$（函数（）{
$（“#幻灯片>div:gt（0）”）.hide（）；
setInterval（函数（）{
$（“#幻灯片>分区：第一个”）
.衰减（1500）
.next（）
法丹先生（1500）
(完)
.appendTo（“#幻灯片”）；
},  3000);          
});
#幻灯片放映{位置：绝对；宽度：264px；高度：104px；填充：0px；溢出：隐藏；}
#幻灯片放映>div{位置：绝对；溢出：隐藏；}

HTML

没有。行是正确的。@DheerajSharma为什么这样认为？不是。是的。我的发布错误，但不是真正的错误。它的未捕获类型错误：object#的属性“500”不是一个函数jquery-1.4.1.min.js:141不是问题。我可以通过使用internet来实现这一点，但我想在mycode中找到错误的解决方案。它也应该与我的简单代码一起滑动。
<div class="tile tile-white">
   <div id="slideshow">
   <div>
     <img src="tpl/main/img/pic1.png" />
   </div>
   <div>
     <img src="tpl/main/img/pic2.png" />
   </div>
      <div>
     <img src="tpl/main/img/pic3.png" />
   </div>
   <div>
     <img src="tpl/main/img/pic4.png" />
   </div>
      <div>
     <img src="tpl/main/img/pic5.png" />
   </div>
   <div>
     <img src="tpl/main/img/pic6.png" />
   </div>
   </div>
   </div>