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 | Explications sur l'incident de cette nuit: De 2:00 AM à 09:30 AM... | #cms https://t.co/Z1Q2DccXvv https://t.co/hstgyo9xx8
Friday, September 22nd - 17:20
WMaker Blog | Boites mails, piratage et spam: Récemment nous avons eu beaucoup de... | #cms https://t.co/UICs9e0YMN https://t.co/Fy13d5zdZ9
Tuesday, July 4th - 18:18
WMaker Blog | Maintenance planifiée ce Mercredi 22 Février: Nous allons faire une maintenance de base de... | #cms https://t.co/U8xu9JWiTC
Monday, February 20th - 15:16
WMaker Blog | Pace e Salute: Toute l'équipe du CampusPlex (WMaker &... | #cms https://t.co/pnUZnbw3vG https://t.co/7FVEI4qGnf
Sunday, January 1st - 00:02