隨便整個能用的焦點圖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>