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 | Les implications d'une connexion httpS Comme vous avez pu le voir sur notre précédente note,&nbs… https://t.co/3J388nVWYj
Wednesday, December 13th - 17:08
WMaker Blog | SSL C'est Noel avant l'heure : ) Vous l'avez surement remarqué, votre site ou webTv est désormais acc… https://t.co/LNUCuV0hSR
Wednesday, December 13th - 13:28
WMaker Blog | Balise hreflang Vous recevez surement des messages de Google vous indiquant que la balise "rel-a… https://t.co/dk9bGdAYSD
Tuesday, November 28th - 17:58
WMaker Blog | Les ennuis d'OVH de ce matin: Comme vous le savez nous gérons notre propre infrastructure... | #cms… https://t.co/VgPmLN1AkQ
Thursday, November 9th - 16:50

Ambassadeur de Taiwan
Ambassadeur de Taiwan
Salon de la Radio 2014
Salon de la Radio 2014

Last comments