Posted By

gd6d on 02/03/10


Tagged

wordpress jquery Lightbox


Versions (?)

Who likes this?

1 person have marked this snippet as a favorite

BrianCoyDesign


Create Thickbox in Wordpress


 / Published in: PHP
 

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

  1. <?php wp_enqueue_style('thickbox'); ?> <!-- inserting style sheet for Thickbox. -->
  2. <?php wp_enqueue_script('jquery'); ?> <!-- including jquery. -->
  3. <?php wp_enqueue_script('thickbox'); ?> <!-- including Thickbox javascript. -->
  4.  
  5. All these 3 lines of code should insert just before the < ? php wp_head( ) ; ? > function
  6.  
  7. 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.
  8.  
  9. 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”.
  10.  
  11.  
  12.  
  13.  
  14.  
  15. div {
  16. background: rgb(200, 54, 54); /* The Fallback */
  17. background: rgba(200, 54, 54, 0.5);
  18. }

Report this snippet  

You need to login to post a comment.