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 | RGPD : foire aux questions Vous avez surement vu que vous devez valider les nouvelles CGS de WMaker &… https://t.co/yJihXjc22J
Wednesday, May 23rd - 17:31
WMaker Blog | L'app My WMaker est de retour sur iOS ! Pour ceux qui ne connaissent pas encore l'app My Wmaker, elle… https://t.co/PBf546W03K
Thursday, March 1st - 13:04
WMaker Blog | Debug matinal Ce matin certains d'entre vous ont eu des ralentissements dans certaines pages du backo… https://t.co/jttauEPQC1
Wednesday, February 7th - 15:48
WMaker Blog | Fonctionnement de Google AMP sur WMaker Comme vous avez pu le lire dans notre précédente note, votre… https://t.co/yYRoIA7zD6
Wednesday, January 31st - 14:23


Last comments