ecshop利用内置广告采用轮播输出

本例利用ecshop内置的广告位置和广告列表，在任意页面输出自定义轮播广告。
前提：因内置Flash主广告只能有一个，不能在不同的页面调用不同的Flash广告，另外调用内置广告的方法，网上有很多，但没有一个方法把轮播说清楚了的，大部分都只能实现调用出一个图片广告。
首先需要一个js轮播的界面，这个就不多说了，网上很多。我用的懒人图库的。js附件在最下面打包了。
模板中代码片段如下：

<div class="lanrentukubox">

                    <DIV id=newsSlider>
                        <DIV class=container>
                            <UL class=slides>

                              <LI><A href="{$ad.ad_link}"
                              target=_blank><IMG src="data/afficheimg/{$ad.ad_code}"></A>
                               </LI>

                             </UL>
                          </DIV>
                            <DIV class=validate_Slider></DIV>
                            <UL class=pagination>

                              <LI><A href="{$ad.ad_link}">0{$ad.id}</A> </LI>


                             </UL>
                    </DIV>

</div>

forcach循环中的$cat_ads是我在php页面自定义的，数组内ad_link（广告链接）、ad_code（广告图片）这2个是ecshop数据库定义的字段。id是我定义的，需要在轮播中显示编号，之前开始用的ad_id，但是考虑到如果后期广告更换多了之后ad_id是一个自增变量，故只能自定义一个。
下面是。
php文件中代码片段：

$cat_ads = $db->getAll("SELECT ad_id,ad_link,ad_code FROM ". $ecs->table("ad") ."where position_id=1");
//$a = print_r($cat_ads);
if(!empty($cat_ads))
{
    $cat_ads_array = array();
    $i=0;
    foreach($cat_ads as $key)
    {
         $i+=1;
        $cat_ads_array[] = array('id'=>$i,'ad_id'=>$key['ad_id'],'ad_link'=>$key['ad_link'],'ad_code'=>$key['ad_code']);
    }

    $smarty->assign('cat_ads',$cat_ads_array);
}

注意代码中sql语句中条件，这个就是你要显示的广告位，根据需要修改。
自此，大功告成。



下面是css代码：

IMG {
    BORDER-RIGHT-WIDTH: 0px; BORDER-TOP-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px
}
.lanrentukubox{margin:0px auto;WIDTH: 345px; HEIGHT: 115px;}

#newsSlider {
    POSITION: absolute; WIDTH: 345px; HEIGHT: 115px;  CLEAR: both;
}
* HTML #newsSlider {
    POSITION: absolute; WIDTH: 345px; HEIGHT: 115px;  CLEAR: both;
}

/*  416=>345   243=>115*/
#newsSlider .container {
    POSITION: relative; MARGIN-TOP: 15px; WIDTH: 345px; HEIGHT: 115px; OVERFLOW: hidden
}
#newsSlider .container IMG {
    WIDTH: 345px; HEIGHT: 115px
}
#newsSlider DIV.slides {
    POSITION: absolute; TOP: 0px; LEFT: 0px
}
#newsSlider UL.slides {
    POSITION: absolute; PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; TOP: 0px; PADDING-TOP: 0px; LEFT: 0px
}
#newsSlider UL.slides DL {
    WIDTH: 584px; FLOAT: left; HEIGHT: 43px; PADDING-TOP: 3px
}
#newsSlider UL.slides DT {
    LINE-HEIGHT: 18px; WIDTH: 400px; FLOAT: left; HEIGHT: 39px; COLOR: #777777; MARGIN-LEFT: 3px
}
#newsSlider UL.slides DT A {
    COLOR: #777777; FONT-SIZE: 12px
}
#newsSlider UL.slides DD {
    TEXT-ALIGN: center; LINE-HEIGHT: 18px; WIDTH: 180px; FONT-FAMILY: "黑体"; FLOAT: left; HEIGHT: 39px; COLOR: #333333; FONT-SIZE: 16px
}
#newsSlider UL.slides DD A {
    FONT-FAMILY: "黑体"; COLOR: #333; FONT-SIZE: 16px; TEXT-DECORATION: none
}
#newsSlider UL.slides DD .more {
    MARGIN-TOP: -22px; WIDTH: 54px; FLOAT: right; HEIGHT: 16px; COLOR: #2a609f; FONT-SIZE: 12px; OVERFLOW: hidden
}
#newsSlider UL.slides DD .more A {
    COLOR: #2a609f
}
#newsSlider DIV.slides DIV {
    POSITION: absolute; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; WIDTH: 584px; PADDING-RIGHT: 0px; DISPLAY: none; TOP: 0px; PADDING-TOP: 0px
}
#newsSlider #loopedSlider {
    POSITION: relative; MARGIN: 0px auto; WIDTH: 345px; CLEAR: both
}
*+html #newsSlider UL.pagination {/*IE7*/
   POSITION: absolute; BOTTOM: 80px; RIGHT: 0px; _bottom: -25px;margin-right:4px;
}
*html #newsSlider UL.pagination {/*IE6*/
   POSITION: absolute; BOTTOM: 96px; RIGHT: 0px;
}
#newsSlider UL.pagination {
    POSITION: absolute; BOTTOM: 82px; RIGHT: 0px; _bottom: -25px;margin-right:4px;
}
#newsSlider UL.pagination LI {
    TEXT-ALIGN: center; WIDTH: 30px; FLOAT: left; HEIGHT: 18px; padding-RIGHT: 0px;list-style:none;
}
*html #newsSlider UL.pagination LI {/*ie6*/
    TEXT-ALIGN: center; WIDTH: 30px; FLOAT: left; HEIGHT: 18px;list-style:none;margin-right:-2px;
}
#newsSlider UL.pagination LI A {
    TEXT-ALIGN: center; LINE-HEIGHT: 18px; WIDTH: 30px; FONT-FAMILY: "宋体";BACKGROUND:#C00032; FLOAT: left; HEIGHT: 18px; COLOR: #FFF; FONT-SIZE: 12px; FONT-WEIGHT: normal; MARGIN-RIGHT: 2px; TEXT-DECORATION: none;
}
#newsSlider UL.pagination LI.active A {
    TEXT-ALIGN: center; LINE-HEIGHT: 18px; WIDTH: 30px; FONT-FAMILY: "宋体"; BACKGROUND:#C00032; FLOAT: left; HEIGHT: 18px; COLOR: #000000; FONT-SIZE: 12px; FONT-WEIGHT: normal; MARGIN-RIGHT: 2px; TEXT-DECORATION: none;
}
UL.pagination LI A:hover {
    TEXT-ALIGN: left; LINE-HEIGHT: 18px; WIDTH: 30px; FONT-FAMILY: "宋体"; BACKGROUND:#C00032;FLOAT: left; HEIGHT: 18px; COLOR: #ffffff; FONT-SIZE: 12px; FONT-WEIGHT: normal; MARGIN-RIGHT: 2px; TEXT-DECORATION: none
}


*HTML #newsSlider UL.pagination LI A {
    TEXT-ALIGN: center; LINE-HEIGHT: 18px; WIDTH: 30px; FONT-FAMILY: "宋体"; BACKGROUND:#C00032; FLOAT: left; HEIGHT: 18px; COLOR: #ffffff; FONT-SIZE: 12px; FONT-WEIGHT: normal;TEXT-DECORATION: none;
}
*HTML #newsSlider UL.pagination LI.active A {
    TEXT-ALIGN: center; LINE-HEIGHT: 18px; WIDTH: 30px; FONT-FAMILY: "宋体"; BACKGROUND:#C00032; FLOAT: left; HEIGHT: 18px; COLOR: #000000; FONT-SIZE: 12px; FONT-WEIGHT: normal;  TEXT-DECORATION: none;
}
*HTML UL.pagination LI A:hover {
    TEXT-ALIGN: left; LINE-HEIGHT: 18px; WIDTH: 30px; FONT-FAMILY: "宋体"; BACKGROUND:#C00032;FLOAT: left; HEIGHT: 18px; COLOR: #000000; FONT-SIZE: 12px; FONT-WEIGHT: normal; TEXT-DECORATION: none
}

 js.zip