3.1.0 • Published 5 years ago
ember-cli-lightbox v3.1.0
Ember-cli-lightbox
A lightbox component for ember using Lightbox2.
Usage
ember install ember-cli-lightbox
Preview image on image click
{{light-box
href=imageUrl
data-lightbox=name
data-title=title
data-alt=alt
data-class=imgClassName}}
Preview image on some DOM click
{{#light-box
href=imageUrl
data-lightbox=name
data-title=title
data-alt=alt
inlineImage=false}}
<!-- DOM Element here -->
{{/light-box}}
Configuration
Setting global lightbox options:
// config/enironment.js
module.exports = function(environment) {
var ENV = {
//...
'ember-cli-lightbox': {
lightboxOptions: {
alwaysShowNavOnTouchDevices: false,
albumLabel: "Image %1 of %2",
disableScrolling: false,
fadeDuration: 500,
fitImagesInViewport: true,
maxWidth: 1000,
maxHeight: 1000,
positionFromTop: 50,
resizeDuration: 700,
showImageNumberLabel: true
}
}
};
//...
return ENV;
};
Ember Compatibility Table
Ember Version | Ember-Cli-Lightbox Version |
---|---|
1.8 through 1.10 | 0.2.0 |
1.11 through 1.13 | 0.3.0 =< x < 1.0.0 |
2.0 and beyond | >=1.0.0 |
Addons | >=2.0.0 |
Demo
Check out the demo on github pages. Alternatively you can clone this repo and run the app
$ npm install -g ember-cli
$ git clone git@github.com:ramybenaroya/ember-cli-lightbox
$ cd ember-cli-lightbox
# install dependencies
$ npm i
# fire up local server
$ ember serve
Running Tests
ember test
ember test --server
Building
ember build
For more information on using ember-cli, visit http://www.ember-cli.com/.
3.1.0
5 years ago
3.0.0
6 years ago
2.0.0
7 years ago
1.1.0
7 years ago
1.0.4
7 years ago
1.0.3
7 years ago
1.0.2
7 years ago
1.0.1
8 years ago
1.0.0
8 years ago
0.0.3
9 years ago
0.2.0
9 years ago
0.1.9
9 years ago
0.1.8
10 years ago
0.1.7
10 years ago
0.1.6
10 years ago
0.1.5
10 years ago
0.1.4
10 years ago
0.1.3
10 years ago
0.1.2
10 years ago
0.1.1
10 years ago
0.1.0
10 years ago