随便整个能用的焦点图JS+CSS后,利用zencart自带的数据库框架循环调用banner组中的图片。我这里调用的是标题位置3这个位置的,几句代码轻松搞定。我把它写在\includes\languages\english\html_includes\xisky\define_main_page中,当然你也可以把它写在其它的页面中。
<div class="pwSlideWrap">
<div id="pwSlidePlayerA" class="pwSlide">
<ul class="switch" id="PP1_A">
<?php
if (SHOW_BANNERS_GROUP_SET3 != '' && $banner = zen_banner_exists('dynamic', SHOW_BANNERS_GROUP_SET3)) {
if ($banner->RecordCount() > 0) {
for($i=1;$i<=$banner->RecordCount();$i++){
?>
<li class="switchItem" style="display:"><a href="<?php echo $banner->fields['banner_url'];?>" target="<?php echo $banner->fields['banners_open_new_windows'];?>">
<?php echo zen_display_banner('static', $banner);?>
<h3><?php echo $banner->fields['banners_title']?></h3></a>
</li>
<?php $banner->MoveNext();}}} ?>
</ul>
<div class="pwSlide-bg"></div>
<ul class="SwitchNav" id="PP1_B">
<?php
if (SHOW_BANNERS_GROUP_SET3 != '' && $banner = zen_banner_exists('dynamic', SHOW_BANNERS_GROUP_SET3)) {
if ($banner->RecordCount() > 0) {
for($i=1;$i<=$banner->RecordCount();$i++){ ?>
<li class="switchNavItem"><a href="#" onclick="return false;"><?php echo $i;?></a></li>
<?php }
}}
?>
</ul>
</div>
</div>
<script>ddSliderPlayers('PP1_A','PP1_B',3,'current');</script>