2015年10月7日00:44:15更新，其实做成碎碎念那样的效果，并不用那么费心思！既不用考虑调用全部缩略图，也不用考虑怎样加灯箱效果给缩略图。直接用调用全文即可解决。

—————————————————————————————————————

先上demo如下图，链接是：碎碎念-Kouss博客 QQ截图20151004014422

1
2
echo $imgUrl; // 显示图片
echo ")"; // $index为3的时候已经是第四张了（$index从0开始的） if ($index >= 3) { break; } } } } else { // 没有图片了 echo ""; } }

在文章列表相应的位置，放入：post_content);?> 这样文章里面的所有图片就能全部调用出来了。

接下来，我们要做灯箱效果。什么是灯箱？

可以看：给文章图片添加一个灯箱插件—Auto Highslide

我们这里要配合这个插件使用，那我们还需要做？

1、把图片改成a标签下包裹img标签的形式

2、比文章内容页稍微麻烦，要加上onclick事件

3、鼠标移动到图片时，显示放大镜效果，添加class=’highslide-image’

最终是要下面那种形式：