Tell me more ×
User Experience Stack Exchange is a question and answer site for user experience researchers and experts. It's 100% free, no registration required.

There is a large repository of images. I want users to be able to navigate them fast or see small previews about the directory fast. There are many subdirectories (many similar images in subdirectories etc) so certainly some repetition. I do not know how to handle the latter but it surely requires more advanced processing tools to mere flickr or other odd cloud services, I want to control the repo my own with some simple JS and show them to my users in some interactive way, below some ideas.

  1. Does there exist any library to display images interactively (I currently just show images randomly but it is not good enough)?

  2. Is the JavaScript/CSS/HTML5 the at-least-becoming de facto standard to show this kind of content?

The main reason I want to handle this with my power is that the navigation may require some tuning later. I like 3 and 5 but there may be better ways, the small design should make about 300x500px -gadget size design possible.

enter image description here

Perhaps related

  1. Creating a shared pattern library
share|improve this question
I think you might have an interesting question in here, but as-is this is a question for a JS/ect library which isn't on topic for the site. – Ben Brocka May 8 '12 at 16:18

closed as off topic by Ben Brocka May 8 '12 at 16:17

Questions on User Experience Stack Exchange are expected to relate to user experience within the scope defined in the FAQ. Consider editing the question or leaving comments for improvement if you believe the question can be reworded to fit within the scope. Read more about closed questions here.

1 Answer

What you can do is to build the hierarchy of images in a database and use stored procedures to retrieve images at the right level at all times. On the client side you only have to worry about iterating through the retrieved images using a foreach loop. That way you separate the content (images at the current level) from style (the way you present images) and need not to worry if you have the right images available or not.

share|improve this answer