vivek vivek - 1 year ago 133
Javascript Question

How to use "asNavFor" option in ember-cli-slick

I'm trying to implement slick slider in my ember application i found this ember-cli-slick via ember observer and i have to use Slider Syncing jquery its possible by using below option.but in ember how to refer the class name?

asNavFor: '.slider-nav'

Answer Source

To install ember-cli-slick, run the below command

ember install ember-cli-slick

You can provide all settings to slick-slider through arguments like the below.

{{#slick-slider slidesToShow=1 slidesToScroll=1 arrows=false fade=true asNavFor="slider-nav" class="slider-for"}}
  <div class="box"> <img src=""> </div>
  <div class="box"> <img src=""> </div>
  <div class="box"> <img src=""> </div>
  <div class="box"> <img src=""> </div>

I haven't tested asNavFor feature working or not. but that's how we need to provide settings to slick slider component.

Recommended from our users: Dynamic Network Monitoring from WhatsUp Gold from IPSwitch. Free Download