WP Thickbox Integration
This Wordpress plugin integrate easily Thickbox into your front-end blogs.
The “thickbox” class name is included into your image tag without touching the html. You can select an option “Open in the same window” on the Edit Image Panel.
You can include the Thickbox parameters to the URL on the Link Url field like this example to open an iframe:
Link Url: http://web-argument.com/?KeepThis=true&TB_iframe=true&height=400&width=600
Wordpress Galleries are automatically set for use Thickbox, so you just need to insert the “gallery” into your post and the “class” name and “rel” tag will be included.
The plugin uses the wordpress back-end “jquery” and “thickbox” javascript files to maximaze themes and plugins compatibilities.
Download the plugin here.
Support our project, leave your comments or make a donation.
hey there- can anyone let me know why the ‘close’ button isn’t showing up in my thickbox setup? this is a test page, but to see what i mean just click on one of the thumbnails within the post…
http://ej.reifier.org/newsite/?p=50
We can do thickbox without a plugin in wordpress. Only 3 steps
http://www.myhtmlworld.com/wordpress/create-thickbox-wordpress.html.
Found a better kludge. Still have tocomment out lines 8 and 9 in thickbox.js but instead of modifying the header.php and admin-header.php files just add the following code the the function add_tickbox_integration_css()
$tpi_header = “\n<!– Default Thickbox Paths –>\n”;
$tpi_header .= “<script type=\”text/javascript\”>\n”;
$tpi_header .= “\t var tb_pathToImage=\”".”../wp-includes/js/thickbox/loadingAnimation.gif\”;\n”;
$tpi_header .= “\t var tb_closeImage=\”".”../wp-includes/js/thickbox/tb-close.png\”;\n”;
$tpi_header .= “</script>\n”;
echo $tpi_header;
This seems to allow the plugin to work with wordpress 2.8.4 when creating a gallery.
I am using wordpress 2.8.4 and version 1.0.1 of your plugin and ran into a serious problem trying to use your plugin. Basically the redefinition of the variables tb_pathToImage and tb_closeImage by thickbox_path_int() was being ignored by the wordpress thickbox code. Commenting out lines 8 and 9 in thickbox.js made the plugin work for a gallery but broke the admin use of thickbox. Don’t know why this happens as it looks like it shoild work! Perhaps you have some ideas.
I used the following kludge to fix it for my purposes:
1. Comment out lines 8 and 9 in thickbox.js
2. Add the following code to the head section of the header.php and admin-header.php files:
<?php
$tpi_header = “\n\n”;
$tpi_header .= “\n”;
$tpi_header .= “\t var tb_pathToImage=\”".”../wp-includes/js/thickbox/loadingAnimation.gif\”;\n”;
$tpi_header .= “\t var tb_closeImage=\”".”../wp-includes/js/thickbox/tb-close.png\”;\n”;
$tpi_header .= “\n”;
echo $tpi_header;
?>
This seems to allow the plugin to work in both the admin section (but I’ve only done limited testing) and the public section.
cool, but this plugin not integration url in image
Does this work on Wordpress 2.8.2?
@Klark
The plugin use the same jquery file that wordpress do. This is the function that add it “wp_enqueue_script(’jquery’)”.
Hi, I’m already including jQuery in my pages. Your plugin also includes an older version of jQuery. Is there a way to disable that?
Two things:
1. When I use your plugin with WP-Cumulus (Flash based Tag Cloud), your pictures are below/under the tag-cloud, which doesn’t look very nice. How can I fix this?
2. How can I add only one picture which is like a gallery (you can click then within the layer for the next pictures -> as it is on this site here above!) I don’t want nine pictures, I want only one instead to show. See: http://www.juiced.de/blog/2009/03/07/website-relaunch-02-contact-domain-more/ (Unnecessary, but I don’t know how to use your plugin to solve this)
@Claudiu
Can you include a link, please?
how about using this plugin for text?
I tried to implement it but without succes. I tried to make a combination using the plugin and a step by step tutorial for normal website and…I managed to make it open the window, but without the text.
Solution for this?
@Tom
Fixed in the new version 1.0.1, just update it.
@Tom
Thank you for your comments. You’r right!!!
To fix this I think it’s better to override the values of “tb_pathToImage” and “tb_closeImage” in the plugin instead of edit the lines 8 and 9 of the /wp-includes/js/thickbox/thickbox.js file.
I will try something like this to update the plugin:
var tb_pathToImage = “< ?php bloginfo('url'); ?>/wp-includes/js/thickbox/loadingAnimation.gif”;
var tb_pathToImage = “< ?php bloginfo('url'); ?>/wp-includes/js/thickbox/tb-close.png”;
Regards,
Alain
There is an issue with the path to /wp-includes/js/thickbox/tb-close.png where my custom permalink structure (/%category%/%postname%/) is causing it to break. i.e. /furniture/wp-includes/js/thickbox/tb-close.png is the path to the icon after the page is rendered.
The issue can be fixed in /wp-includes/js/thickbox/thickbox.js and removing “..” on lines 8 and 9.
There is an issue with the path to /wp-includes/js/thickbox/tb-close.png where my custom permalink structure (/%category%/%postname%/) is causing it to break. i.e. /furniture/wp-includes/js/thickbox/tb-close.png is the path to the icon after the page is rendered.
Thanks for this plugin, it randomly came up in my dashboard and this was the improvement that the ‘gallery’ feature really needed (and most other tools were not up-to-date for 2.5+).