WordPress.org

1. coopersita
   Member
   Posted 3 years ago #
   

   Hi all,

   I'm trying to load thickbox via wp_enqueue_style and wp_enqueue_script, and it works, but the "Close" link is missing. There is a dark gray bar where the link would have been, so you can click on it to close it, but he "Close" word is missing.

   Here's the code I used to generate it:

   wp_enqueue_script('thickbox');
       wp_enqueue_style('thickbox');

   Here's the code generated (at the bottom of my page):

   <script type='text/javascript'>
   /* <![CDATA[ */
   var thickboxL10n = {
   	next: "Next >",
   	prev: "< Prev",
   	image: "Image",
   	of: "of",
   	close: "Close"
   };
   try{convertEntities(thickboxL10n);}catch(e){};
   /* ]]> */
   </script>
   <script type='text/javascript' src='http://dmt.rrc.mb.ca/aramirez/wordpress/wp-includes/js/thickbox/thickbox.js?ver=3.1-20091124'></script>
   <script type='text/javascript' src='http://dmt.rrc.mb.ca/aramirez/wordpress/wp-includes/js/jquery/jquery.form.js?ver=2.02m'></script>

   Am I missing something?

2. coopersita
   Member
   Posted 3 years ago #
   

   I checked the generated code, and it's trying to load the "Close" image from the wrong location:

   <img src="../wp-includes/js/thickbox/tb-close.png">

   Is there a way to fix this without touching the thickbox code? Perhaps pass the location as a parameter?

   Thanks

3. Mark / t31os
   Moderator
   Posted 3 years ago #
   

   Update the vars tb_pathToImage and tb_closeImage in your first piece of JS...
   

   <script type='text/javascript'>
   /* <![CDATA[ */
   var tb_pathToImage = "<?php echo get_option('siteurl').'/'. WPINC.'/js/thickbox/loadingAnimation.gif'; ?>";
   var tb_closeImage = "<?php echo get_option('siteurl').'/'. WPINC.'/js/thickbox/tb-close.png'; ?>";
   var thickboxL10n = {
   	next: "Next >",
   	prev: "< Prev",
   	image: "Image",
   	of: "of",
   	close: "Close"
   };
   try{convertEntities(thickboxL10n);}catch(e){};
   /* ]]> */
   </script>

   Hope that helps..

4. esmi
   Theme Diva & Forum Moderator
   Posted 3 years ago #
   

   A slightly slimmer alternative. Try adding this to your theme's functions.php file:

   // Correct image path issue in thickbox
   function load_tb_fix() {
   	echo "\n" . '<script type="text/javascript">tb_pathToImage = "' . get_option('siteurl') . '/wp-includes/js/thickbox/loadingAnimation.gif";tb_closeImage = "' . get_option('siteurl') . '/wp-includes/js/thickbox/tb-close.png";</script>'. "\n";
   }
   add_action('wp_footer', 'load_tb_fix');

   I also add this one to keep page bloat down:
   

   // Add thickbox to public-facing image attachment pages only
   function thickbox_init() {
   	if ( function_exists('add_thickbox') && is_attachment() && substr(get_post_mime_type(), 0,5) == 'image') {
   		add_thickbox();
   	}
   }
   add_action('template_redirect', 'thickbox_init');

5. Paul
   Member
   Posted 3 years ago #
   

   thanks esmi, exactly what I needed!
   any idea why this happens?

6. DJTwittr
   Member
   Posted 2 years ago #
   

   Ok, I've modified P2 and added it to my theme, here http://blog.twittrblog.com the only issue is the thick box, I've added what esmi posted but the media buttons pop up in a new window. Of course I am trying this in chrome, but didn't know if there was any other issue that I need to fix can anyone help?

7. vicki.farmer
   Member
   Posted 2 years ago #
   

   Esmi! You saved me! Or your little snippet did. That was exactly what I needed. Blessings be upon you, for sure. :-)

Topic Closed

This topic has been closed to new replies.