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 に答える