zencart轮播图代码:
<!-- flash start -->
<style>
.ck-slide { width: 100%; height: 349px; margin: 0 auto;}
.ck-slide ul.ck-slide-wrapper { height: 349px;}
</style>
<div class="ck-slide">
<ul class="ck-slide-wrapper">
<li>
<a href="#"><img src="<?php echo DIR_WS_TEMPLATE; ?>images/banner01.jpg" alt="prom dress"></a>
</li>
<li style="display:none">
<a href="#"><img src="<?php echo DIR_WS_TEMPLATE; ?>images/banner02.jpg" alt="evening dress"></a>
</li>
<li style="display:none">
<a href="#"><img src="<?php echo DIR_WS_TEMPLATE; ?>images/banner03.jpg" alt="fashion dress"></a>
</li>
</ul>
<a href="javascript:;" class="ctrl-slide ck-prev">prev</a>
<a href="javascript:;" class="ctrl-slide ck-next">next</a>
<div class="ck-slidebox">
<div class="slideWrap">
<ul class="dot-wrap">
<li class="current"><em>1</em></li>
<li><em>2</em></li>
<li><em>3</em></li>
</ul>
</div>
</div>
</div>
<!-- js -->
<script src="<?php echo DIR_WS_TEMPLATE; ?>/jscript/jquery-1.8.3.min.js"></script>
<script src="<?php echo DIR_WS_TEMPLATE; ?>/jscript/slide.js"></script>
<script>
$('.ck-slide').ckSlide({
autoPlay: true
});
</script>
<!-- flash end -->
轮播图
最新推荐文章于 2021-04-07 17:51:55 发布