New answers tagged image
Just for the record. My own inital functional approach: imgspread (demo)
I haven't seen a compact name for the interaction. You see this very often on design portfolios. Here's two plugins Thumbnail grid with Expanding preview: http://tympanus.net/codrops/2013/03/19/thumbnail-grid-with-expanding-preview/ Portfolio content expander: http://codecanyon.net/item/colio-jquery-portfolio-content-expander-plugin/6507310
In my very limited experience , I would second the other answer, and given more rep, upvote it if I could. However, if I have understood what you are asking correctly a relevant vizualisation tool may be this force directed network graph I'm afraid I can't say that I have a huge amount of experience using it (my coding is not yet good enough), it may allow ...
If it's a strict requirement to have horisontal-oriented container, your primary task is to make it understandable for users. You can notice how others cope with this issue: Navigator panel in photo editing software, which contains both the entire image preview and restricted area, see red rectangle: Navigator panel in maps (at left bottom corner): ...
Answering the UX side of the question, rather than the technical way to upload images, photographers often refer to the "long edge" side of a photograph, as we're not dealing with square images here, looking at your wire frames, some instruction text with imagery would be the best way to inform your users of the ideal size for uploaded images.
Personally I would use a sort of predictive lazy loading. Let's say you have in total 20 rows of images and 4 rows can be shown simultaneous on screen. Then I would load the first 6 rows directly on page load so the user can see images instantaneous. Then if he scrolls down, I try to load more images, and I always try to load at least 2 rows more then the ...
I recently had a similar situation where there was a lot of heavy content on a page that couldn't all be loaded at the same time without unbearable load times. There are essentially two solutions. You named one which is loading all the content on the page — but not at the same time (i.e. lazy loading). The other solution to solving the problem of ...
Top 50 recent answers are included