打开织梦的默认模板(\templets\default\article_image_new.htm),找到下如下代码:
<ul class="w25 textCenter">
{dede:productimagelist}
<li><a href="javascript:ChangePic('[field:imgsrc/]', '#bigpicimg');" title="[field:text/]" rel="facebox"><img src="[field:imgsrc/]" width="120" height="90"></a></li>
{/dede:productimagelist}
</ul>
二、进入织梦后台(这里顺便说下缩略图设置大小和加水印的方法)按下面步骤操作:
依次点击:“系统”——“系统基本参数”——“附件设置”,在下面的参数设置里面找到"缩略图默认宽度"、“缩略图默认高度”、“图集是否使用水印”(缩略图也会受影响)设置相信的值后就会完成缩略图大小和加水印设置。但要注意的是“系统”——“图片水印设置”里的水印功能是开启的才行。
三、新建一个图集栏目,图集文章模板中加入上面的代码,创建一篇图集文章,重点上传几张比大的图片,保存文章后在修改文章,在“图集图片”选项卡里面右键刚上传的图片缩略图——“属性”,获得图片地址:(没有读懂不要仅,接着往下看)。
我们分析下这个地方,不难发现它是由“/dede/swfupload.php?dopost=ddimg&img="+“[field:imgsrc/]”组成的。从而我们修改下我们之前网页里对应该的图片地址就可以获取到对应该的缩略图,修改后的代码如下:
<img src="/dede/swfupload.php?dopost=ddimg&img=[field:imgsrc/]" width="120" height="90">
更新下图集文章的Html,呵呵,大工告成,预览文章看下,页面打开速度快多了,这个时候在缩略图上右键——"属性"得的图片都是直正的缩略图(图片大小变小了)。
四、亲,不要高兴的太早,噩梦才刚刚开始。当我们从后台退出或是关闭下浏览器,在打开之前那个图集文章,缩略图不见了。“这可恶的织梦!”你会默默的这样说上一句抱怨的话吧,好吧,我说下我的方法,有点笨,但有效。(不怕的往下看)
首先我们要用ftp把服务器上的图片——图集文章对应该的图片全部下载到本地,然后登陆后台,这个时候缩略图是可以看到的,依次将其以刚才用ftp下载的图片名字替换保存到一个目录下面。完成后,我们本地就有了全部图片的缩略图。
五、通过ftp在Images目录下新建一个和图片所在目录一样的路径文件夹,以我为例子吧。
5.1.图集文章图片保存的地址:/uploads/allimg/130428/
5.2.我新建的地址:/images/uploads/allimg/130428/
将5.1对应的地址里面的图片全部移动到5.2里面,然后将本地的缩略图全部上传到5.1对应的地址里面
注:根目录为织梦所在目录
六、然后将我们代码在一步加工如下:
<ul class="w25 textCenter">
{dede:productimagelist}
<li><a href="javascript:ChangePic('/images[field:imgsrc/]', '#bigpicimg');" title="[field:text/]" rel="facebox"><img src="[field:imgsrc/]" width="120" height="90"></a></li>
{/dede:productimagelist}
</ul>
更新图集文章Html,效果出来了哇!
啊,终于写完了,大家慢慢琢磨下,应该会对你有所帮助,方法不一定好,希望大神们批评指教。