Very Big images

Do you have the widget placed in the side or main area of the page?

For reordering, you use the built in WP reorder screen that appears after you select the images. Drag and drop.

Yes i have widget in Main area but the images are very big.
Thanks for the reorder info.

I’ve been looking into the image size. I’d like to just provide a filter, the way that post types have one. However, the images are placed into the HTML via Backbone.js, which powers the media manager. Right now I’m using:

imageHTML += '<li>'+button+'<img id="'+attachment.attributes.id+'" src="'+attachment.attributes.url+'"></li>';

The attachment.attributes.url is what returns the URL, but it’s the full URL, and I’m not sure how to get the other sizes. If you are familiar with the Backbone implementation that WP uses, I’d love to get your input.

Okay here is the changes:

1. metabox.php -> line: 35 replace
wp_get_attachment_url with wp_get_attachment_thumb_url

2. change css
#postbox-container-2 #featuredgallerydiv ul li {
SET: width: auto;
}

That is all changes

Images are loaded in 2 ways. The first is during page load. Images are called via PHP. Your proposed change would affect that. The second is from JS, using Backbone. This is what happens when you select images from the media manager. When you are creating a gallery for the first time, or editing an existing one. Your change wouldn’t affect that.

I think its not need to change images sizes from the media manager.
Its need only for meta-box just for usability and interface proposes, not bigger scroll.
??

I don’t think you are understanding me. When you create or edit a gallery, the images are placed into the metabox. It requires the JS change to change that. Changing the PHP won’t affect it.

I have updated the CSS styling of the backend metabox gallery per your request. All images are now equal height, and the number of images per line is based on the window width (media queries).