How to Create Mobile Image Gallery Web Application

With more and more users browsing the web with a mobile device, it’s time to begin with mobile web development. In this tutorial we are going to develop a simple Mobile Image Gallery using the amazing jQTouch jQuery plugin for mobile web development. jQTouch is a jQuery plugin with native animations, automatic navigation, and themes for mobile WebKit browsers like iPhone, iPod Touch, G1, and Pre.

Mobile Image Gallery is going to show some albums in a list view which will reveal a wall of thumbnails once it’s clicked. When a thumbnail is clicked, we get to the full image view where we can navigate through all the photos by either clicking on the navigation buttons or swiping over the image.

mobile-image-gallery

Requirements: jQTouch jQuery plugin
Demo: http://tympanus.net/Tutorials/WonderwallMobileGallery/
License: License Free

  1. Th is is an informative publish, thanks a whole lot!

  2. Th is is an informative publish, thanks a whole lot!

  3. Fantastic report, bookmarked for long run referrence

  4. Fantastic report, bookmarked for long run referrence

  5. Raja says:

    Hi,

    Thanks a lot for this tutorial, but when I download the source files, it keeps showing the albums view with a loading image, with nothing inside

    What am I doing wrong?

    Best regards

  6. Raja says:

    Hi,

    Thanks a lot for this tutorial, but when I download the source files, it keeps showing the albums view with a loading image, with nothing inside

    What am I doing wrong?

    Best regards

Leave a Comment

Your email address will not be published. Required fields are marked *