# Javascript-Functions

### Open Litebox with string or array
You give an array or string of images and the litebox will open with these pics
```
var picString = 'image1.jpg,image2.jpg,image3.jpg';
window.litebox.openGalleryByPics( picString );
```
or with an array
```
var pics = ['image1.jpg', 'image2.jpg', 'image3.jpg'];
window.litebox.openGalleryByPics( pics );
```


### Open Litebox from data-attribute
All elements with the data-pgimages Attribute will open a litebox
```
<div data-pgimages="image1.jpg,image2.jpg,image3.jpg">
```

### Close Litebox
```
window.litebox.closeGallery();
```

### Classes
Prevent litebox:
```
<a class="no-litebox" href="image.jpg">...</a>
```


### Callbacks
Box init
```
jQuery('#litebox-gallery').trigger('box-init', {
    state: 'before', // complete
    container: galleryContainer,
    picLinks: items,
    pics: pics,
    startPic: startPic
});
```

On close of litebox
```
jQuery('#litebox-gallery').trigger('box-close', { 
    state: 'complete'  // begin
});
```