EMLOG学院

EMLOG碎语页面图片添加slimbox效果

摘要: 每次打开碎语页面都发现此页面的图片...

每次打开碎语页面都发现此页面的图片没有slimbox效果,相当纳闷。

今天特别研究了一下,发现在其他页面的时候slimbox插件的css与JS都有加载。

只有碎语页面没有加载,以我推测应该是挂载点的问题。

最后自己在碎语页面添加了slimbox插件相应的CSS与JS,问题解决。

1.png


具体步骤如下:

1,首先如果需要你的emlog网站支持slimbox图片层效果,需要下载相应的插件,下载地址:http://www.emlog.net/plugin/18

2,下载后会发现除了碎语页面以外其他页面都是有效果的,如果没有则怀疑是模板作者忘记添加相应挂载点。

3,找到模板根目录下的t.php文件,在相应位置添加以下代码:

<link type="text/css" rel="stylesheet" href="<?php echo BLOG_URL; ?>content/plugins/kl_slimbox/kl_slimbox/slimbox.css">
<script src="<?php echo BLOG_URL; ?>content/plugins/kl_slimbox/kl_slimbox/slimbox.js" type="text/javascript"></script>
<script type="text/javascript">
    jQuery(function($){$("a[href$=jpg],a[href$=gif],a[href$=png],a[href$=jpeg],a[href$=bmp]").slimbox({});})
</script>
最后覆盖t.php文件,刷新即可看到效果。

发表评论:

评论(3)

slimbox具体是什么效果啊。
@沈军:发碎语的时候传一张图片,然后进碎语页面点击看大图。发现会新弹出一个窗口显示图片,很丑。然后你去www.chenziwen.com/t/ 我的碎语页点一张图看大图的效果就是slimbox效果。
@陈子文:不错,我觉得还是挺管用的,我现在就去看。