Book Image

Creating Mobile Apps with jQuery Mobile - Second Edition

By : Andy Matthews, Shane Gliser
Book Image

Creating Mobile Apps with jQuery Mobile - Second Edition

By: Andy Matthews, Shane Gliser

Overview of this book

<p>jQuery Mobile is a mobile-centric web framework developed by the jQuery team. The project focuses on building a framework compatible with the ever-increasing variety of smartphones and tablet computers on the market. The jQuery Mobile framework plays well with other frameworks and platforms, such as PhoneGap and Backbone.</p> <p>Automate repetitive tasks easily and painlessly with the Grunt task runner, build a fully responsive, gorgeous photography website, and learn how to mix and match jQuery Mobile 1.4.5 into existing websites and how to deploy those changes to content management systems such as WordPress, Drupal, and HarpJS. jQuery Mobile aims to reach everyone, and so does this book. It will enhance your mobile knowledge and help you to create versatile, unique sites quickly and easily.</p>
Table of Contents (18 chapters)
Creating Mobile Apps with jQuery Mobile Second Edition
Credits
About the Authors
About the Reviewers
www.PacktPub.com
Preface
Index

Creating a basic gallery using lightGallery


If you're looking for the single fastest way to create a photo gallery, you're not going to come up with any faster solution than lightGallery (http://sachinchoolur.github.io/lightGallery/). Weighing in at only 10K minified, it's pretty light, and works on pretty much anything that jQuery Mobile supports, as either A or B grade. Their site says that Chrome, Safari, Firefox, Opera, IE7+, iOS, Android, and Windows Phone are all supported.

Once again I'm going to dispense with the academically correct behavior of perfectly separating JavaScript and CSS into their own files, and simply build all customized JavaScript into the page itself. It's just easier for the purposes of this book. I'm assuming if you're reading this, that you already know how to separate things properly and why.

Let's start with the basics. For the most part, this is a boilerplate from their site but we're starting with our own images from the photographer:

Let's start with the key...