I have all the CSS classes set to display images in a custom portfolio theme. I am allowing for images of different sizes and proportions (landscape, portrait, etc) to be tiled next to each other and to be responsive (like the images here: http://studionudge.com/). My problem is getting the images attached to posts (a custom portfolio post type) to display properly in these custom classes. I don't know how to get that level of control over images, basically.
I am looking to make something like is seen here: http://www.northbounddesign.com/creativity-fluid/
If you look at the source, the images are all part of the post, and are all styled within columnar divs to look nice and to be responsive, and the containing div depends on the size of the image (so differently sized images would need different classes). I am wondering how to do this. Do you think the images were simply added into the WYSIWYG editor and then formatted using the HTML editor there? Is there a more user-friendly or perhaps automated way to do this? (I envision separate fields to specifically upload images of a certain size to, or something of that nature.)
To ask this question in another way: I have text content controlled through meta boxes to give myself more fine control over layout, but I don't know how to do this with images in Wordpress. Any advice to point me in the right direction would be helpful.
I have looked into styling the existing Wordpress gallery, but that doesn't give me enough control over individual images, and doesn't, I think, solve the problem of needing some images to be in a different class than others. I have looked into meta boxes, but meta boxes seem better suited to controlling text content (is there a metabox to just upload one image? I could work with that, I think.) I have looked into plugins, but most are gallery plugins that display image thumbnails of uniform size.