我如何摆脱底部出现的东西?我想要一个简单风格的幻灯片(没有控件,没有拇指索引等。只是幻灯片)。
到目前为止,我可以让 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} );
} );