Question

如何摆脱底部出现的东西？我想要一个简单的风格幻灯片（没有控件，没有拇指索引，等等只是幻灯片）。

到目前为止，我能够让Pikachoose动态创建图像。但是，我的问题是这些：

我无法摆脱不需要的物品/元素。我想要一个简单的布局，例如此示例http://www.pikachoose.com/demos/simple/
我可以让Pikachoose正确调整其背景和宽度：550px和高度：225

我为了方便起见添加了代码，但如果编辑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} );
} );

简单风格的Pikachoose数据源（仅限幻灯片）

0 个答案: