https://github.com/ethercreative/ether-gallery

A gallery plugin for jQuery
https://github.com/ethercreative/ether-gallery

Last synced: about 2 months ago
JSON representation

A gallery plugin for jQuery

• Host: GitHub
• URL: https://github.com/ethercreative/ether-gallery
• Owner: ethercreative
• License: mit
• Created: 2015-05-15T09:19:37.000Z (over 9 years ago)
• Default Branch: master
• Last Pushed: 2015-05-18T08:57:59.000Z (over 9 years ago)
• Last Synced: 2023-02-27T22:51:57.283Z (almost 2 years ago)
• Language: JavaScript
• Size: 141 KB
• Stars: 0
• Watchers: 3
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# Ether Gallery

A gallery plugin for jQuery

[**Demo**](http://ethercreative.github.io/ether-gallery/)

### Example HTML Markup

```html



    


        First Image

        

        

        Fourth Image

        

        Sixth Image

    





    First Image

    

    

    Fourth Image

    

    

    

    

    



```


### JavaScript Setup

```js

$('.gallery').etherGallery({

    keys: true, // Enables keyboard controls (left/right arrows, escape)

    swipe: true // Enables swipe controls on touch devices

});

```

### Classes

- `.egal-overlay` An overlay div

- `.egal-ul` The list

- `.egal-active` The active list item

- `.egal-prev` The previous list item

- `.egal-next` The next list item

### Lazy Loading

The images are loaded in as their list item becomes the `.egal-next`. This means we only load in images as we need them.

### Todo

- Add option to toggle lazy loading on images.