O'Reilly logo

Instant Galleria How-to by Nathan Van Gheem

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

Your first gallery (Simple)

In this recipe, we're going to go through the basics of creating a Galleria gallery. HTML structure and Galleria JavaScript are topics that will be covered in this recipe.

Getting ready

Assemble together a group of images that you'll use while working with Galleria and place them into your Galleria development image source directory (galleria/development/images).

How to do it...

  1. Create a myfirstgallery.html file inside the development folder.
  2. Start off with the usual HTML5 doctype structure.
  3. Inside the head section include the JavaScript dependencies, jquery.js and galleria.js. In both the cases, we'll use the following minified versions:
    <!DOCTYPE html> <html lang="en"> <head> <script src="http://code.jquery.com/jquery.min.js"> ...

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required