iPhone Gallery

Jerome Granados on Friday, June 13th 2008 I 0 Comment

iPhone Gallery
We keep surfing on iPhone 3G release announcement ...

Today, your website iPhone version welcomes the Gallery webervice. We worked so that the navigation on this web based gallery gets a truly iPhone look and feel !

Album list

iPhone Gallery
Albums are displayed in list view.

The thumbnail is automatically generated for an optimized size on iPhone.

Album preview

When an album is selected, a mosaic made of the first 16 thumbnails is displayed. The first picture of this post is a screenshot in portrait view. The picture below is an example in landscape view.

Each time the user clicks on the link "More pictures", the following 16 thumbnails are added to the mosaic.
iPhone Gallery

Auto size

From the mosaic, a click on one image launches its display in full screen. Depending on iPhone orientation (portrait or landscape), the image size is automatically adapted to the screen.

A click on the image launches the double navigation bar :
  • Top bar to go back
  • Bottom bar to see previous / next and diaporama.



Last point

You can put a link to your gallery at the bottom of the site.

To do so, from the back office, go to DESIGN > Mobile design > Home and set the module Ours. In the functionnality menu, check the Gallery box.

Last advice, don't forget to check your mobile version title. Sometimes, the title is too long for the mobile version. To change it, set the Banner module from DESIGN > Mobile design > Home.

This "iPhone 2 week" gave us a lot of ideas. Soon, there will be other surprises ...




New comment:
Facebook Twitter



Last tweets
WMaker Blog | Le système de paiement Payzen est ajouté au webservice de la... | #cms https://t.co/6VvXLLceHm https://t.co/HF3XvCMvKw
Friday, October 14th - 19:00
WMaker Blog | Facebook Articles instantanés: Facebook a ouvert ses articles... | #cms https://t.co/WUawtB2eWc https://t.co/tnDyVMWJHo
Monday, August 1st - 17:01
WMaker Blog | Trois numéros plutôt rare: L'autre jour Sébastien a trouvé dans les... | #cms https://t.co/MMGmi2wozH https://t.co/IvP8v4m3Wz
Thursday, July 28th - 10:22
WMaker Blog | Créez vos apps avec GoodBarber: Aujourd’hui, coup de projecteur sur... | #cms https://t.co/Xnygo9EEQX https://t.co/DseCCN8wpq
Monday, July 25th - 12:03

Photostream