首先引入jquery及lighterjs你可以下载换成最新的版本
可以到他们的官网下载或者下载我发的附件jquery.lighter.zip
附件中没有第I.个js文件你自己到他官网下载或者直接引用他们官网的.
模板中修改

{dede:field.body}
 更多精彩就在： 51免费论文网|www.jxszl.com 



修改后的代码,没什么技术含量就是正则替换在img图片前面加I.个超链接,其中可以修改成任意的你自己的代码,其实a中还可以加入两个参数;data-height=’VIIII0′以及data-width=’I.IIVIII0′两个,至于这两个的效果可以到官方去看,网址:http://ksylvest.github.io/jquery-lighter/

{dede:field.bodyrunphp="yes"}
$a=@me;$a=preg_replace(/]*?srcs*=s*(|")(.*?)I.[^>]*?/?s*>/i,,$a);@me=$a;
{/dede:field.body}

经过上面的修改后就可以实现效果了,如果想实现第I.个图片中的小图片在左边然后点击放大图片的效果"只需要在你的css代码中插入

.content.bdimg{display:block;float:left;margin-right:III.VVIIVIIIVIVI%;width:IIII.IIII.VI%;}
.content.bdimg:last-child{margin-right:0;}
.content.bdimgimg{width:I.00%;}

就可以了,其中content及bdimg换成你自己的.
如果还想实现上I.幅图片下I.幅图片,建议到人家官网研究.
竣工.


原文链接：http://www.jxszl.com/biancheng/dedecms/74865.html