ember-justified-gallery

Ember-justified-gallery

This addon integrates the justified-gallery jquery plugin.

Installation

• ember install ember-justified-gallery

Usage

Just wrap the gallery you want with the justified-gallery component.

{{#justified-gallery}}
  {{#each images as |image|}}
    <a href="{{image.src}}">
      <img src="{{image.thumb}}" alt="{{image.title}}">
    </a>
  {{/each}}
{{/justified-gallery}}

For more information about the supported formats of the gallery check the input-formats documentation of the jquery plugin.

Options

Pass the options you want to the component

{{#justified-gallery captions=false}}
  ...
{{/justified-gallery}}

The justified-gallery component supports all the available options of the jquery plugin. For more info check the options-and-events documentation.

Every option is observable and can be changed after the initialization.

Events

The addon supports the onComplete event of the jquery plugin. Set the function or the action you want to execute after the gallery initialization.

{{#justified-gallery onComplete=testFunction}}
  ...
{{/justified-gallery}}

{{#justified-gallery onComplete='testAction'}}
  ...
{{/justified-gallery}}

Observer

To auto update the gallery when new images are added without reseting the component, set the watch option to the object you want to be observed by the component.

{{#justified-gallery watch=myObject}}
  ...
{{/justified-gallery}}

Whenever the object changes, the norewind command of the jquery plugin will be executed and only the newest images will be justified.

Running

• ember server
• Visit your app at http://localhost:4200.

Running Tests

• npm test (Runs ember try:testall to test your addon against multiple Ember versions)
• ember test
• ember test --server

Building

• ember build

For more information on using ember-cli, visit http://www.ember-cli.com/.