给网站ecshop广告位添加一个加载条_ecshop教程_php教程

ecshop 的广告位较多，如果我们的广告图片较大，在打开的时候就会出现延时的情况，这对于顾客的体验很不好的，那么如何给所有的广告条添加一个加载的效果呢，就是当广告条还没有完全加载完成的时候，提前出现一个加载条gif提示正在加载中，这样顾客就不会等得不耐烦了，下面夏日博客就来把实现的方法说一下吧。

首先打开网站根目录下的 /includes/lib_insert.php 文件，搜索: function insert_ads 函数，然后再找到这个函数里面的 switch ($row['media_type'])，语句，将如下的代码:

case 0: // 图片广告
$src = (strpos($row['ad_code'], 'http://') === false && strpos($row['ad_code'], 'https://') === false) ?
DATA_DIR . "/afficheimg/$row[ad_code]" : $row['ad_code'];
$ads[] = "<a href='affiche.php?ad_id=$row[ad_id]&uri=" .urlencode($row["ad_link"]). "'
target='_blank'><img src='$src' width='" .$row['ad_width']. "' height='$row[ad_height]'
border='0' /></a>";
break;
/修改为：
case 0: // 图片广告
$src = (strpos($row['ad_code'], 'http://') === false && strpos($row['ad_code'], 'https://') === false) ?
DATA_DIR . "/afficheimg/$row[ad_code]" : $row['ad_code'];
$ads[] = "<a href='affiche.php?ad_id=$row[ad_id]&uri=" .urlencode($row["ad_link"]). "'
target='_blank'><img src='themes/xiariboke/images/life/lz.gif.png' data-src='$src' width='" .$row['ad_width']. "' height='$row[ad_height]'
border='0' /></a>";
break;

注意第二段中 themes/xiariboke/images/life/lz.gif.png 这个图片，这就是提前要加载的图片了，在广告条还没有加载完毕的情况下显示这个图片，否则是不显示的，这张图片可以到百度图库里面随便搜索一个自己喜欢的就OK了。

(责任编辑：最模板)