1

一番下に表示されているものを取り除くにはどうすればよいですか? シンプルなスタイルのスライドショーが必要です（コントロールなし、サムインデックスなどなし、スライドショーのみ）。

これまでのところ、Pikachoose に画像を動的に作成させることができました。ただし、私の問題は次のとおりです。

  • 不要なアイテム/要素を取り除くことができません。このサンプルのようなシンプルなレイアウトが欲しいhttp://www.pikachoose.com/demos/simple/
  • Pikachoose の背景と幅: 550px、高さ: 225 のサイズを正しく設定できます。

http://jsfiddle.net/2C5YD/4/

便宜上コードを追加していますが、jsFiddle を編集するとさらに役立ちます

HTML:

<head>
    ...head code...
    <link type="text/css" href="../../../_api/PikaChoose/4.5.0/styles/simple.css" rel="stylesheet" />

    <!-- START: scripts ******************************************************* -->
        <!-- jQuery -->
    <script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>
        <!-- Pikachoose -->
    <script type="text/javascript" src="../../../_api/PikaChoose/4.5.0/lib/jquery.jcarousel.min.js"></script>
    <script type="text/javascript" src="../../../_api/PikaChoose/4.5.0/lib/jquery.pikachoose.full.js"></script>
        <!-- Data -->
    <script type="text/javascript" src="../../../_temp/StackOverflow/PikaChoose/datasource-js.php"></script>
    <!-- END: scripts ******************************************************* -->

</head>


<body>
<!-- START: content ******************************************************* -->
<div id="content">
    <div class="pikachoose">
    </div>
</div>
<!-- END: content ******************************************************* -->

</body>
</html>

JS:

$(document).ready(function (){
     var $banner = [{"image":"_img/home/banner/banner_01.jpg","caption":"My caption","link":"#","title":"It's a title"}...and so on...];         

    $(".pikachoose").PikaChoose( {data:$banner, speed: 4000, animationSpeed: 1500} );
} );
4

0 に答える 0