ecshop 的广告位较多,如果我们的广告图片较大,在打开的时候就会出现延时的情况,这对于顾客的体验很不好的,那么如何给所有的广告条添加一个加载的效果呢,就是当广告条还没有完全加载完成的时候,提前出现一个加载条gif提示正在加载中,这样顾客就不会等得不耐烦了,下面夏日博客就来把实现的方法说一下吧。
首先打开网站根目录下的 /includes/lib_insert.php 文件,搜索: function insert_ads 函数,然后再找到这个函数里面的 switch ($row['media_type']),语句,将如下的代码:
-
case 0:
-
$src = (strpos($row['ad_code'], 'http:
-
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:
-
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了。
(责任编辑:好模板) |