ThickBox 0.4

[Nick]

ThickBox
Version: 0.4
Author: Nick Ramsay
Created: 2009/11/28
Last Updated: 2010/07/10
Tested on: Hotaru 1.1.1 ~ 1.3.0
Plugins Required: None
Plug & Play: Yes
Supported: Yes

Description
This plugin includes ThickBox 3.1

"ThickBox is a webpage UI dialog widget written in JavaScript on top of the jQuery library. Its function is to show a single image, multiple images, inline content, iframed content, or content served through AJAX in a hybrid modal."

By itself, this plugin doesn't do anything, but other plugins can use it to display images, videos and other media. One such plugin is Video Inc.

Instructions
1. Upload the "thickbox" folder to your plugins folder. Install it from Plugin Management in Admin.

To test it, put an image in your theme's images folder and place this somewhere in your theme, changing IMAGENAME.JPG to match your image:

<a href="<?php ehco BASEURL; ?>content/themes/<?php echo THEME; ?>images/IMAGENAME.JPG" class="thickbox">CLICK HERE</a>

If it doesn't work, clear the css/js cache from Admin -> Maintenance, then view the page again and do a hard refresh (usually CTRL+F5) to force inclusion of the javascript and css files.

Revision History
v.0.4 2010/07/10 - Ties - Added position fix (as posted here)
v.0.3 2010/03/04 - Nick - Removed IE6 hacks which caused IE problems when CSS is minified
v.0.2 2010/01/02 - Nick - Updated for compatibility with Hotaru 1.0
v.0.1 2009/11/28 - Nick - Released first version

Please click "Rate Thread" and give this plugin a rating. Thank you.

[Nick]

Updated: v.0.3 2010/03/04 - Nick - Removed IE6 hacks which caused IE problems when CSS is minified - This fixes the bug in IE which showed videos from the Video Inc plugin at the bottom of the page instead of overlaying the page.

[baadier]

My thick box for some reason shows at the top of the page instead of the current screen position? Any ideas on how to fix this guys?

[Nick]

First, see if it works with Debug mode on. If not, then the problem is caused when all the JavaScript files are merged together. If that's the case, try moving the Thickbox plugin into a different position in the plugin order, then clear the CSS/JS cache from Admin -> Maintenance and try again.

[baadier]

The plugin works with debug on, so i tried uninstalling and then installing it again and clearing the cache and it still appears at the top of the screen as opposed to the current screen position.

[Nick]

Did you try changing its position in the plugin order? If that doesn't work, then it's most likely a clash with some other JavaScript on the page. I see you've got AddThis and Meebo JavaScript there, too.

[baadier]

Ive just added the Meebo, but should i lower its potion or potentially move it above something else that uses the javascript?

[baadier]

Ive tried moving the thick box, its now second just beneath Sb base. I remember reading in another post that its inadvisable to have anything before sb_base. I also made sure i cleared all the cache and did a hard refresh in my browser.Any ideas on what could be wrong?

[Nick]

When I visit your site with Firebug on, everything freezes and I get an "Unresponsive script" error. If I were you, I would remove the JavaScript for AddThis, Meebo, etc. and then start disabling plugins (and clearing the cs/jss cache) until I could identify the cause.

Also, test it on other browsers.

[ties]

you should change the css to fixed instead of absolute
add this to the css:

#TB_overlay, #TB_window {
    position: fixed !important;
}

Edit: Oh and im getting 11 times this error:

Unable to post message to http://googleads.g.doubleclick.net. Recipient has origin http://www.footymix.com.

and a couple of these:

Unsafe JavaScript attempt to access frame with URL http://googleads.g.doubleclick.net/pagead/ads? .... http%3A//www.footymix.com from frame with URL http://www.footymix.com/. Domains, protocols and ports must match.