lightGallery version 2 has been released. Please upgrade

# Gallery with custom transitions.

Lightgallery comes with a numerous number of beautiful built in animations. You can change the type of transitions by passing the transition name via `mode` setting. You can easily create your own animations if you have CSS knowledge.

#### Css required

`lg-slide` and `lg-fade` transitions are included in `lightgallery.css`. for all other transitions you need to include `lg-transitions.css` in your document

#### HTML structure

    <div id="custom-transitions">
      <a href="img/img1.jpg">
          <img src="img/thumb1.jpg" />
      </a>
      <a href="img/img2.jpg">
          <img src="img/thumb2.jpg" />
      </a>
      ...
    </div>

#### Javascript

    $('#custom-transitions').lightGallery({
        mode: 'lg-fade'
    })

## More demos

Thumbnails
Youtube/Vimeo Videos
HTML5 Videos
Transitions
Dynamic
Events
Methods
Iframe
Captions
Responsive
fixed Size
Html Markup
Comment box
Easing
Hash plugin
Share