1.0.2 • Published 8 years ago
fairbox.js v1.0.2
Fairbox.js
Download
Bower
$ bower install fairbox.js --saveNpm
$ npm install fairbox.js --saveGetting Started
- Installation
Include the CSS in your
<head>tag :<link href="path/to/fairbox.css rel="stylesheet">Include the JS after your
</body>tag in the bottom :<script src="path/to/fairbox.js></script>Don't forget to load jQuery !
Initialize with html
Add a
data-fairboxon your tag<img>tag:
<img src="images1" data-fairbox />- Youtube video add
data-youtubeand put your Youtube_ID video:
- youtube.com/watch?v="**Youtube_ID**"
<img src="images1" data-fairbox data-youtube="Youtube_ID" />Options
You can change option
FairBox.option({
'disablePreview' : true,
'disableSlider' : true
})| Option | Default | Description |
|---|---|---|
| disablePreview | false | preview menu with miniature of your image in the popup |
| disableSlider | false | switch next image or previous image |
Licence
MIT Licence