WordPress调用文章全部图片,并且做成灯箱效果
2015年10月7日00:44:15更新,其实做成碎碎念那样的效果,并不用那么费心思!既不用考虑调用全部缩略图,也不用考虑怎样加灯箱效果给缩略图。直接用调用全文即可解决。
—————————————————————————————————————
先上demo如下图,链接是:碎碎念-Kouss博客
1 | echo $imgUrl; // 显示图片 |
在文章列表相应的位置,放入:post_content);?>
这样文章里面的所有图片就能全部调用出来了。
接下来,我们要做灯箱效果。什么是灯箱?
可以看:给文章图片添加一个灯箱插件—Auto Highslide
我们这里要配合这个插件使用,那我们还需要做?
1、把图片改成a标签下包裹img标签的形式
2、比文章内容页稍微麻烦,要加上onclick事件
3、鼠标移动到图片时,显示放大镜效果,添加class=’highslide-image’
最终是要下面那种形式:
本博客所有文章除特别声明外,均采用 CC BY-NC-SA 4.0 许可协议。转载请注明来自 口水随想!