You are previewing Instant Galleria How-to.
O'Reilly logo
Instant Galleria How-to

Book Description

Recipes to make you an expert user of the Galleria JavaScript framework

  • Learn something new in an Instant! A short, fast, focused guide delivering immediate results.

  • Integrate and create themes

  • Extend Galleria using the API

  • Learn how to create mobile friendly galleries

In Detail

Providing beautiful and usable galleries is an important aspect of the Web today. A gallery solution needs to integrate into your web application easily and seamlessly. Users expect mobile sites that function on par with their desktop counterparts—especially for image galleries. In order to accomplish these tasks, you need to use a JavaScript (not Flash) that is extensible and scales to mobile devices.

"Instant Galleria How-to" will teach you how to use Galleria in advanced scenarios to become an expert and integrate Galleria into your next project using themes and plugins to accomplish any task.

This book teaches you how to use and create themes and plugins, using the Galleria API through a series of recipes that include a plethora of code examples. You’ll be taken through detailed instructions on the usage of JavaScript to customize Galleria.

You will create your own theme (mobile friendly), plugin, and learn all the configuration options of Galleria. You’ll learn how to customize Galleria by using its extensive API, optimize Galleria, integrate with Google Analytics, create tests for your customization, and integrate into your web application.

You’ll become an expert user of the Galleria framework, which will enable you to deploy beautiful, mobile friendly galleries for your next web project.

Table of Contents

  1. Instant Galleria How-to
    1. Instant Galleria How-to
    2. Credits
    3. About the Author
    4. About the Reviewer
    5. www.PacktPub.com
      1. Support files, eBooks, discount offers and more
        1. Why Subscribe?
        2. Free Access for Packt account holders
    6. Preface
      1. What this book covers
      2. What you need for this book
      3. Who this book is for
      4. Conventions
      5. Reader feedback
      6. Customer support
        1. Downloading the example code
        2. Errata
        3. Piracy
        4. Questions
    7. 1. Galleria How-to
      1. Setting up the development environment (Simple)
        1. Getting ready
        2. How to do it...
          1. Galleria components
          2. If you don't have a text editor...
          3. Extracting the source code
      2. Your first gallery (Simple)
        1. Getting ready
        2. How to do it...
        3. How it works...
          1. Defining a height
          2. Data attributes
      3. Configuring Galleria (Simple)
        1. Getting ready
        2. How to do it...
        3. How it works...
        4. There's more...
          1. Useful configuration options
          2. Complete listing of options
      4. Installing themes (Simple)
        1. Getting ready
        2. How to do it...
        3. How it works...
        4. There's more...
          1. Downloading Galleria themes
      5. Creating your own theme (Medium)
        1. Getting ready
        2. How to do it...
        3. How it works...
          1. For the sake of brevity
      6. Creating mobile friendly themes (Simple)
        1. Getting ready
        2. How to do it...
        3. How it works...
          1. Media queries
          2. Testing for mobile
          3. Integrating with existing sites
      7. Installing plugins (Simple)
        1. Getting ready
        2. How to do it...
        3. How it works...
        4. There's more...
      8. Using the Flickr plugin (Medium)
        1. Getting ready
        2. How to do it...
        3. How it works...
        4. There's more...
          1. Flickr plugin API
          2. Using the Flickr REST API
      9. Creating a plugin (Advanced)
        1. Getting ready
        2. How to do it...
        3. How it works...
          1. What else can we do?
      10. Using the API (Medium)
        1. Getting ready
        2. How to do it...
        3. There's more...
          1. Complete API reference
          2. Another way to bind events
      11. Alternative image data structures (Simple)
        1. Getting ready
          1. Specifying extra parameters via IMG tag
          2. Alternative media
          3. Using JSON
          4. HTML structure parsing customization
        2. How it works...
      12. Optimizing Galleria (Simple)
        1. Getting ready
          1. Image sizes
          2. Providing thumbnails
          3. Optimizing resources
          4. Galleria size
          5. Web server
          6. Resource minification
      13. Adding images dynamically (Medium)
        1. Getting ready
        2. How to do it...
        3. How it works...
          1. Following up with server-side techniques
      14. Triggering Galleria (Advanced)
        1. Getting ready
        2. How to do it...
        3. How it works...
      15. Recording image views with Google Analytics (Medium)
        1. Getting ready
        2. How to do it...
        3. How it works...
        4. There's more...
      16. Handling errors gracefully (Medium)
        1. Getting ready
        2. How to do it...
        3. How it works...
      17. Creating tests for customizations (Advanced)
        1. Getting ready
        2. How to do it...
        3. How it works...
          1. Read more about the selenium testing framework
      18. Web application integration (Advanced)
        1. Getting ready
        2. How to do it...
        3. How it works...
          1. Automatic thumbnail generation
          2. Existing application Galleria integrations