2

I am currently working on a mobile version of my website (separate from the desktop one) and I need to display a collection of images on a particular page.

On the Desktop version, I had used a carousel to display them however I can see carousel's as being hard to use on a phone even if I integrate swipe gestures.

So, in your opinion what is the best way to display a collection of images that would normally be presented through a carousel?

This to note:

  • There are no descriptions or other text involved - just images
  • All the images are of the same size and aspect ratio
|improve this question
  • How many images need to be displayed on this page ? Is this number fixed ? Does it have a maximum ? Also, are these images the main content of this page (in terms of page estate taken by the various displayed elements) ? – Pierre Jul 14 '14 at 22:43
  • These images are not the main focus of the page, but they're still pretty important. There are a maximum of 6 – Kevin Pei Jul 14 '14 at 23:25
2

Personally, I would implement a 3rd party tool like PhotoSwipe. iPhone, iPad, Android, Blackberry 6 and Desktop all supported. Take a look at their video demo.

What is it?

PhotoSwipe is a FREE HTML/CSS/JavaScript based image gallery specifically targeting mobile devices.

Who is it for?

Developers and designers requiring an interactive image gallery on their mobile website with the look and feel of a native app.

Why use it?

PhotoSwipe provides your visitors with a familiar and intuitive interface allowing them to interact with images on your mobile website.

Screenshots

ss1

ss2

|improve this answer
  • seems like a cool implementation. Will definitely give this a shot. – Kevin Pei Jul 14 '14 at 23:28
  • @KevinPei - Yea, it does. Good luck! – Code Maverick Jul 14 '14 at 23:30
1

Maybe something like one full-width image below which put thumbnails, say, in the grid 3 images per row. Default display first one, change displayed image as user picks other thumb.

However, it depends on a context. What's been written above is good for images of hotel rooms or images of users.

|improve this answer

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.