0

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

这是我的 JavaScript -

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

这是JS 小提琴

我的问题是 jquery 缓动效果在此幻灯片放映中不起作用。任何人都可以帮我解决这个问题吗？

谢谢你。

4

2 回答 2

1

使用这个 JavaScript https://github.com/madan-ram/facebook-app/blob/master/js/jslider.js然后嵌入你的html代码

<script type="text/javascript">
$(document).ready(function()//$(target).(some function execution or tasks)
{
$(".slider").jslider( //$(target).(some function execution or tasks)
{
btnPrev:".next",
btnNext:".prv",
});
});
</script>

然后在体内

<!--start 

slider--------------------------------------------------------------------------------------------->
<div id="slide_container">
<img src="./image/prev.png" class="prv"/>
<img src="./image/next.png" class="next"/>
<div class="slider">
<ul>
<li><a href="http://www.linux.com" ><img src="./image/linux-hardware.jpg" /></a></li>
<li><a href="http://www.wordpress.com" ><img src="./image/wordpress.jpg" /></a></li>
<li><a href="http://www.ubuntu.com" ><img src="./image/ubuntu.jpg" /></a></li>
<li><a href="http://www.firefox.com" ><img src="./image/firefox-thunderbird.jpg" /></a></li>
<li><a href="https://developers.google.com/" ><img src="./image/google.jpg" /></a></li>
<li><a href="http://www.gnu.org"><img src="./image/GnuTuxSoftRevolution-v1.jpg" style="width:580;height:400;"/></a></li>
</ul>
</div>
</div>
<!--end slider------------------------------------------------------------------------------------------------->

查看我的应用程序的完整代码https://github.com/madan-ram/facebook-app/blob/master/index.php。

于 2013-08-11T05:38:18.510 回答
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">
于 2013-08-11T09:19:26.523 回答