2015年10月7日00:44:15更新,其实做成碎碎念那样的效果,并不用那么费心思!既不用考虑调用全部缩略图,也不用考虑怎样加灯箱效果给缩略图。直接用调用全文即可解决。 ————————————————————————————————————— 先上demo如下图,链接是:碎碎念-Kouss博客

QQ截图20151004014422
QQ截图20151004014422

echo $imgUrl; // 显示图片
echo “)”; // $index为3的时候已经是第四张了($index从0开始的) if ($index >= 3) { break; } } } } else { // 没有图片了 echo “”; } }在文章列表相应的位置,放入:post_content);?>这样文章里面的所有图片就能全部调用出来了。 接下来,我们要做灯箱效果。什么是灯箱?可以看:[给文章图片添加一个灯箱插件—Auto Highslide](http://kouss.com/auto-highslide.html) 我们这里要配合这个插件使用,那我们还需要做? 1、把图片改成a标签下包裹img标签的形式 2、比文章内容页稍微麻烦,要加上onclick事件 3、鼠标移动到图片时,显示放大镜效果,添加class='highslide-image' 最终是要下面那种形式: