Return to Snippet

Revision: 23308
at February 3, 2010 18:35 by gd6d


Initial Code
<?php  wp_enqueue_style('thickbox');  ?> <!-- inserting style sheet for Thickbox. -->
<?php wp_enqueue_script('jquery'); ?> <!-- including jquery. -->
<?php wp_enqueue_script('thickbox'); ?> <!-- including Thickbox javascript. -->

All these 3 lines of code should insert just before the < ? php wp_head( ) ; ? > function

These codes will include necessary files for your Thickbox. So Thickbox is ready for its functioning. Make sure that you have included < ? php wp_head ( ) ; ? > and < ? php wp_footer( ); ? > in your header and footer files respectively.

Now we can test it by uploading the image from backend by creating a post. Please note that after the image got uploaded, we need to link the thumbnail image to the original image. And we need to include the class for the anchor tag like this. class=”thickbox”.





div {
background: rgb(200, 54, 54); /* The Fallback */
background: rgba(200, 54, 54, 0.5);
}

Initial URL
http://www.myhtmlworld.com/wordpress/create-thickbox-wordpress.html

Initial Description

                                

Initial Title
Create Thickbox in Wordpress

Initial Tags
wordpress, jquery

Initial Language
PHP