Contents
How to use Thickbox on a web page?
Include the ThickBox CSS file in your web page. As of version 3.1 you will also need to update the path to the macFFBgHack.png in the thickbox.css file. Example options below: Or, open the thickbox.css file and copy and paste the styles into an existing style sheet.
What is the function of Thickbox in jQuery?
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.
How big of an image can you resize with Thickbox?
The ThickBox JavaScript code and CSS file only add an additional 15k (only 10k by using the thickbox-compressed.js) on top of the jQuery code. The CSS file could additionally be compressed if need be. ThickBox will resize images that are bigger than the browser window.
How do I remove Thickbox from an image?
Clicking an image, the overlay, or close link will remove ThickBox. Due to the ThickBox creator’s view that transitions should be tailored by individual authors, ThickBox windows do not implement fancy transitions.
Where can I find Thickbox modal in WordPress?
ThickBox powers the modal lightboxes used in the WordPress admin, including the post editor’s “Media” button (prior to WordPress 3.5 only) and the “Details” links on the Plugin “Search Results” screen. Note: As of WordPress 3.5, the “Media” button for WordPress’s post editor no longer utilizes ThickBox, but instead uses a custom Javascript modal.
Is there a way to embed Thickbox in WordPress?
I created a plugin for WordPressthat helps you to embed ThickBoxinto your blog. Just installand activate the plugin, add ThickBox compliant markup wherever you want and you’re all set. Furthermore, you can use SmoothBoxinstead of ThickBox if you like.
How to use Thickbox in Admin customizations?
In order to use ThickBox in your own admin customizations, you need to do two things: Ensure that ThickBox is loaded by calling within your PHP. Provide a link ( HTML tag ) that triggers your custom ThickBox. Likewise, links require two components to function:
What should the width and height of Thickbox be?
Instead of duplicating the inline content thickbox will now move it accordingly inside of the DOM If sizes are not set for width and/or height (inline, iframe, and ajax content), ThickBox will default to a width of 630px and a height of 440px
How to get rid of Thickbox in IE 6?
ThickBox will hide form elements in Windows IE 6. ThickBox will remain centered in the window even when the user scrolls the page or changes the size of the browser window. Clicking an image, the overlay, or close link will remove ThickBox.