赣州建站资讯网

为消费者提供更优质的体验

帝国cms内容页图片添加data-original等属性,可用于延迟加载和弹窗放大等特殊效果

我们在增加内容的时候,有些为了特殊效果,图片<img>需要增加一些特殊属性,比如data-original等,但内容页调用内容直接用[!--newstext--],或者其他自己的自定义字段中的图片标签是<img src=''>,是不会再有其他的属性的。本文讲解一下怎样给帝国cms正文的图片添加data-original属性:方法如下:


复制如下代码到e/class/userfun.php里面:

//图片放大

function get_img_thumb_url($content="")
{
$pregRule = "/<[img|IMG].*?src=[\'|\"](.*?(?:[\.jpg|\.jpeg|\.png|\.gif|\.bmp]))[\'|\"].*?[\/]?>/";
$content = preg_replace($pregRule, '<a href="${1}" data-lightbox="image-1"><img src="${1}" ></a>', $content);
return $content;
}

//图片放大

可自由扩展。


然后调用正文的时候用:

<?=get_img_thumb_url(stripslashes($navinfor['newstext']))?>

如果调用的字段不是newstext,就需要改成自己的字段。


完毕!


- END -
声明:文字图片等素材除标明原创外均来源于网络,如有侵权,请及时告知我们,我们将在最短的时间内删除!

相关推荐

微信公众平台:圆狐创意

关注圆狐创意微信公众平台浏览最新资讯

更多媒体及商务合作

QQ:295939675   或  至电:198-6662-0460