美文网首页
ECshop_Banner轮播图

ECshop_Banner轮播图

作者: 腿长袖子短 | 来源:发表于2017-09-21 10:50 被阅读24次

1.前台部分

<div id="is_hot" class="focus region">
        <div class="hd">
            <ul>
            </ul>
        </div>
        <div class="bd">
            <ul>
                {foreach from=$banner item=b}
                    <li>
                        <a href='{$b.ad_link}' target='_blank'>
                            ![]({$b.ad_img})
                        </a>
                    </li>
                {/foreach}
            </ul>
        </div>
    </div>
    <script type="text/javascript">
        TouchSlide({
            slideCell:"#is_hot",
            titCell:".hd ul", //开启自动分页 autoPage:true ,此时设置 titCell 为导航元素包裹层
            mainCell:".bd ul",
            effect:"leftLoop",
            autoPlay:true,//自动播放
            autoPage:true //自动分页
        });
        //首页菜单下特卖广告
        $(function(){
            var a=$(".gridRow li");
            a.each(function(i){
                a.eq(i*2-1).addClass("on");
            });
        });
    </script>

2.后台部分

/**
 * @description 通过position_id得到广告位下的所有照片
 * @param $position_id
 * @return array
 */
function getBannerById($position_id){
    $time = time();
    $sql = "SELECT * FROM ecs_touch_ad WHERE position_id = $position_id AND start_time <= $time AND end_time >= $time";
    $data = $GLOBALS['db']->getAll($sql);
    
    $return = array();
    foreach($data as $v){
        $return[] = array(
         'ad_img'   => 'data/afficheimg/'.$v['ad_code'],
         'ad_link'  =>  $v['ad_link']
        );
    }
    return $return;
}

根据position_id查询对应广告位下的所有banner图片,调用此函数,使用smarty模板赋值即可

相关文章

  • ECshop_Banner轮播图

    1.前台部分 2.后台部分 根据position_id查询对应广告位下的所有banner图片,调用此函数,使用sm...

  • 无标题文章

    轮播图分为:传统轮播图、间歇轮播图、呼吸轮播图、无缝滚动轮播图等。它们各具特色,各有用处。 1.传统轮播图 第一步...

  • 轮播图

    轮播图分为:传统轮播图、间歇轮播图、呼吸轮播图、无缝滚动轮播图等。 1.传统轮播图 第一步,得到元素 第二步,设置...

  • 现金红包

    每日红包 轮播图 详情图 周末红包 轮播图 详情图 圣诞红包 轮播图 详情图

  • day7_作业

    轮播图1 轮播图2

  • [iOS]定制性强的广告轮播图--SCAdView

    @[无限轮播图] @[3D轮播图] @[广告轮播图] SCAdView Statement If my code ...

  • 普通奖品

    卡西欧小方块 轮播图 详情图 三只松鼠大礼包 轮播图 详情图 天猫精灵 轮播图 详情图 小米蓝牙无线耳机 轮播图 ...

  • 轮播图心得

    轮播图 写轮播图之前我们要认识到几个问题:一、什么是轮播图?二、怎么实现轮播效果?三、轮播图还有什么小功能可以实现...

  • 第五周学习内容

    焦点图轮播特效之原理、焦点图轮播样式之布局、焦点图轮播之箭头切换、焦点图轮播之无限滚动。 js简介、用法、输出。

  • 三种样式的轮播图

    一、100%比例轮播图 HTML代码 CSS样式 js代码 二、手动箭头轮播图 三、简易轮播图

网友评论

      本文标题:ECshop_Banner轮播图

      本文链接:https://www.haomeiwen.com/subject/psrzsxtx.html