I was having problems using the wp_enqueue_script(‘media-upload’); – I was getting the properly sized editor but my custom send_to_editor() function wasn’t being triggered. I found that if I listed the dependencies on my own custom JS code, that solved the problem.

Like so:

function admin_add_scripts() {
add_thickbox();
wp_enqueue_script(‘media-upload’);
// My js file, with an array of dependencies
wp_enqueue_script( ‘admin.js’, get_stylesheet_directory_uri() . “/scripts/admin.js”, array(‘jquery’, ‘media-upload’) );
}
add_action(‘admin_init’, ‘admin_add_scripts’);

Simon

That should fix your problems with the media upload. There is likely a better method for including it, but I’ll have to do more digging to find it.

I’m currently working on a theme using WP 2.9.2. Out of the box, your script doesn’t work properly here. I’d to change the following things:

1) In my custom admin-option-page the required thickbox css and js file wouldn’t be load by default. To add the required fields to the wordpress list of loaded files, just call add_thickbox(); in your init-function of your admin-page or before wp_head();.

2) Same goes for my custom js file: Put the line wp_enqueue_script('_custom_js', '/js/custom.js'); in your init-function.

3) I’d the problem, that the value attribute of my input field wasn’t updated. If you use the built-in jquery support from wordpress, you have to “wrap” every jquery call since WP 2.8+. Instead of using $();, you have to write jQuery();. This took me some time to figure out.

So you have to change the function send_to_editor to the following:


function send_to_editor(html) {
var source = html.match(/src=\".*\" alt/);
source = source[0].replace(/^src=\"/, "").replace(/" alt$/, "");
jQuery("#banner_image").attr('src', source);
jQuery('#banner_image_input").attr('value', source);
tb_remove();
}


However, one problem remains:

The thickbox window isn’t loaded at full size. I’ve tried to load the built-in js script “media-upload” with wp_enqueue_script('media-upload'); which seems to work, but this breaks the whole script.

If anybody has a solution, please post

I installed the plugin with NO issues, THANKS so much. BUT… when I choose an image from the media gallery, and Save Changes, I get the “You do not have sufficient permissions to access this page.” error… any ideas?

The goal of writing to the plugin was to demonstrate how to use the built-in image gallery as a selection tool. I select an image, and it is passed along to a WordPress option, custom field, etc. The core assumption that allows this technique to work is that you are already working on something in the wp-admin, or back-end side of WordPress. In my case, it was how to create a page to update banner ads without reinventing the wheel–a task that would only be performed inside wp-admin.

Because this technique requires the wp-admin functionality, it cannot be used within a theme without bootstrapping the entire admin interface. I’m not even sure that this is possible. If it is, I certainly would advise against it.

If you are looking for the ability to display a gallery, I highly recommend NextGEN Gallery. If you are looking for the ability to have users upload the images to the gallery, I recommend that look into having them log into the wp-admin side of things and upload the content. If you are looking for image submissions from public users, I recommend that you use a form that collects the image and stores it to a safe directory location.

How do I work this into the front end though?
I’m trying to create a portfolio image gallery on the homepage of the blog.

Got the plugin all set up and customized, but no idea how to get the images on the front page (in my theme).

Sorry for the confusion.