jquery - 我如何使用 jquery 制作这样的幻灯片？

Question

我正在尝试为我的主页制作幻灯片。我需要的幻灯片与这个完全一样http://www.flashmint.com/template-demo-4188.html .

这是我的 JavaScript -

$(document).ready(function() {
  $('#banner').oneByOne({
    className: 'oneByOne1',
    easeType: 'random',
    slideShow: true
  });
});

这是 JS FIDDLE

我的问题是 jquery 缓动效果在此幻灯片放映中不起作用。谁能帮我解决这个问题？

谢谢。

Answer 1

你可以看到这个链接http://3.s3.envato.com/files/41177958/index.html并查看源代码。之后尝试检查与该链接的源代码不同的 html。也许您忘记包含一些对该库很重要的 javascript 或 css。

我的意思是 JS 和 CSS

<script src="js/jquery.1.8.2.min.js"></script>
<script src="js/jquery.onebyone.min.js"></script>              
<script src="js/jquery.touchwipe.min.js"></script> 
<script type="text/javascript" charset="utf-8"> 
 $(document).ready(function() { 

    $('#banner').oneByOne({
        className: 'oneByOne1',              
        easeType: 'random',
        slideShow: true
    });  


 });


</script> 
<link href="css/jquery.onebyone.css" rel="stylesheet" type="text/css">
<link href="css/example1.css" rel="stylesheet" type="text/css">
<link rel="stylesheet" type="text/css" href="css/animate.css">