测试 调用 wp 的 THICKBOX 实现 LIGHTBOX 效果

/ 1评 / 0

Thickbox 是基于 jQuery 的类 Lightbox 插件,简单易用,我们可以很方便的在主题中调用 WordPress 自带的 Thickbox 来实现 Lightbox 效果,无需任何插件,因为我对安装太多的插件没啥好感,而且wp本来就有的功能干吗还要弄个插件,多此一举,浪费资源。

篮球场

篮球场-thickbox效果演示

方法很简单,在 header.php 的 <?php wp_head(); ?> 之前,添加下列代码(绝对地址请自行修改):

<script type="text/javascript" src="http://hiwuye.com/wp-includes/js/jquery/jquery.js"></script>

<script type="text/javascript" src="http://hiwuye.com/wp-includes/js/thickbox/thickbox.js"></script>

<?php wp_enqueue_script('jquery'); ?>

<link rel="stylesheet" href="http://hiwuye.com/wp-includes/js/thickbox/thickbox.css" type="text/css" media="screen" />

文章作者:午夜 文章来源:hiwuye.com 转载请注明,谢谢合作。

<a class="thickbox" href="图片地址"><img src="图片地址" alt="标题" ?/></a>

→Thickbox官方例子

  1. pingcenter说道:

    这个效果真的很棒哦,,学习了。 😛

发表评论

电子邮件地址不会被公开。 必填项已用*标注