DEDECMS 完善"图片集"功能

来源:互联网 发布:淘宝秒杀器taovb 编辑:程序博客网 时间:2024/05/02 01:52

DEDECMS 如何让"图片集"里的图片自动编号:

或许不喜欢官方的图片集浏览方式,那么改用jquery精美的图片浏览插件吧,这时候离不开图片的相关id,如何让{dede:productimagelist}标签支持自动编号呢,请看下文:

一、修改系统文件

打开include/taglib/productimagelist.lib.php文件,找到: $ctp->LoadSource($innerText);在其后面另起一行加入 $GLOBALS['autoindex'] = 0;找到: $revalue .= $ctp->GetResult();在其后面另起一行加入 $GLOBALS['autoindex']++; 
二、内容页调用

{dede:productimagelist} <span id="[field:global name=autoindex/]"><img src="[field:imgsrc/]" width="805" height="523" /></span> {/dede:productimagelist} 


三、利用jquery插件根据容器id(dede标签生成的id),展示效果

根据自己喜好,这里就不列举如何去实现效果啦!有兴趣的朋友可以留言。


DEDECMS 如何让"图片集"显示微缩图:

数据库存储的图片:

 $imgurls .= "{dede:img ddimg='$v' text='$imginfo' width='".$imginfos[0]."' height='".$imginfos[1]."'} $v {/dede:img}\r\n"; //其中$ddimg就是缩略图啦
打开文件include/taglib/productimagelist.lib.php 加入一行代码:

if($ctag->GetName()=="img")    {     $row = array();     $row['imgsrc'] = trim($ctag->GetInnerText());     $row['text'] = $ctag->GetAtt('text');     $row['litpic'] =$ctag->GetAtt('ddimg'); //加入的一行代码    $images[] = $row;    } 

这样前台调用微缩图:

<img src="[field:litpic/]" />

大图和微缩图的文件名是有规律的,这样我们就可以通过JS实现点击微缩图展示大图的效果。

uploads/allimg/140728/1-140HQ45404.png(大图)

uploads/allimg/140728/1-140HQ45404-lp.png(微缩图)


0 0