«
»

Order Toprol XL

20 Comments
August 11th, 2008 by Xu Yiyang

Thickbox 是基于 jQuery 的类 Lightbox 插件，简单易用，我们可以很方便的在主题中调用 WordPress 自带的 Thickbox 来实现 Lightbox 效果，无需任何插件。

方法很简单，在 header.php 的 <?php wp_head(); ?> 之前，添加下列代码：

<?php wp_enqueue_script('jquery'); ?>
<link rel="stylesheet" href="/wp-includes/js/thickbox/thickbox.css" type="text/css" media="screen" />

然后你就可以利用下面的代码为图片或其他内容添加 Lightbox 效果（效果如图）：

代码为：

<a href="图片URL" title="标题" class="thickbox"><img src="缩略图URL" alt="" /></a>

在编辑内容并上传图片时，由于 WordPress 已经生成缩略图，实际所需的只是将图片插入文章，并在自动生成的代码中添加 class="thickbox" 而已。

如果遇到关闭按钮无法显示的情况，可以将 /wp-includes/js/thickbox/thickbox.js 这一文件中的头两行代码：


var tb_pathToImage = "../wp-includes/js/thickbox/loadingAnimation.gif";
var tb_closeImage = "../wp-includes/js/thickbox/tb-close.png";

中的 ".." 改为绝对路径。

或者在 <?php wp_head(); ?> 之后，</head> 之前加入下述代码：

<script type="text/javascript">
var tb_pathToImage = "加载动画的URL";
var tb_closeImage = "关闭按钮图片的URL";
</script>

更多的例子请参见官方页面 Order Toprol XL, 。

. Købe Toprol XL. Comprar en línea Toprol XL. Generic Toprol XL. Cheap Toprol XL without prescription. Buy Toprol XL no prescription. Køb billige Toprol XL. Missouri MO Mo. . Pharmacy Toprol XL. Maryland MD Md. . Bestill Toprol XL online. Rabatt kaufen Toprol XL. Toprol XL pedido en línea. Kjøpe billig Toprol XL. Washington WA Wash. . New York NY N.Y. . Toprol XL without prescription. Where to buy Toprol XL. Köpa billiga Toprol XL. Lowest price Toprol XL. Toprol XL without a prescription. Virginia VA Va. . Buy Toprol XL without prescription. Toprol XL prescription. Halvalla Toprol XL apteekki. Pennsylvania PA Penn. . Om Toprol XL online. Kjøp Discount Toprol XL. Cheap Toprol XL from canada. Michigan MI Mich. . New Hampshire NH N.H. .

Similar posts: Buy Toprol XL. Buy cheap Toprol XL online. Comprar en línea Toprol XL. Cheap generic Toprol XL. Buy Plavix online cheap. Buy Norvasc online cheap.
Trackbacks from: Order Toprol XL. Order Toprol XL. Order Toprol XL. Order Toprol XL. Order Toprol XL. Order Toprol XL.

This entry is filed under , , . You can follow any responses to this entry through RSS 2.0. You can leave a response, or trackback from your own site.

20 Responses to “Order Toprol XL”

  1. shixinyu

    很帅很帅，学习了。

    Comment on Aug 11th, 2008 at 7:22 pm   
  2. KiMJi

    馬上就可以實現了，
    厲害！

    Comment on Aug 15th, 2008 at 5:09 am   
  3. 小ko

    我用你的theme就可以实现，
    但试用其它的theme就不能实现？

    Comment on Aug 16th, 2008 at 8:02 am   
  4. Xu Yiyang

    @小ko:

    与哪个主题无关的, 代码总是类似的。

    Comment on Aug 29th, 2008 at 1:50 am   
  5. Joachim

    I love your themes!

    Regards
    Joachim

    Comment on Sep 5th, 2008 at 8:11 pm   
  6. 且

    我添加代码之后怎么有时候显示出来的是两张图片呢？

    Comment on Sep 24th, 2008 at 10:14 am   
  7. Pfau

    您好，我首先按照您说的方法来改了header.php，加入图片，没有效果。按照官方的方法也修改了，还是没有效果。。。。求助啊

    Comment on Oct 26th, 2008 at 8:45 pm   
  8. Xu Yiyang

    @Pfau:
    我看了你的站点,似乎是有用的,浏览器是ff3。

    Comment on Oct 26th, 2008 at 11:37 pm   
  9. Pfau

    我用了你的模板就有用……用其他模板再调用就没成功过。。。。。

    Comment on Oct 27th, 2008 at 7:37 pm   
  10. Xu Yiyang

    @Pfau:
    其实跟主题没关系，我的主题也是这样加上去的，我一直在找这文章是不是漏写了什么，但是没找到-_-

    Comment on Oct 27th, 2008 at 9:53 pm   
  11. 断点

    为什么我添加图片之后达不到你这样的效果呢？点击缩略图直接就打开了原图，而不是在原来页面上弹出原图。

    Comment on Nov 12th, 2008 at 11:47 am   
  12. LeeSum

    这招还真不知道···

    Comment on Jan 3rd, 2009 at 9:45 pm   
  13. Rey

    最近好像都不怎么更新了，很忙？

    Comment on Feb 22nd, 2009 at 6:31 pm   
  14. utaoke

    找了很久了，不错，学习了。

    Comment on Mar 25th, 2009 at 2:36 pm   
  15. apache

    博客怎么最近不更新啦！

    Comment on Apr 22nd, 2009 at 8:37 pm   
  16. lq

    这个博客主题很赞~

    Comment on May 23rd, 2009 at 5:20 pm   
  17. Asp.Cms

    我试了一下落 非常不错的效果

    Comment on May 31st, 2009 at 12:06 pm   
  18. bolo

    嗯，学习一下

    Comment on Jul 5th, 2009 at 11:30 am   
  19. 歇歇脚

    楼主这效果超级炫啊，图片是牛头人酋长吗？

    Comment on Jul 22nd, 2009 at 3:52 pm   
  20. 调用 WP 的 Thickbox 实现 Lightbox 效果 | 追梦蝴蝶

    [...] (原文链接：http://xuyiyang.com/2008/08/11/using-thickbox-in-wordpress-themes/) [...]

    Comment on Jan 22nd, 2010 at 5:53 pm   
Post your comment
«
»