Tiny-slider: Can i initialize with data attribute setting?

[notrealdev]

Hi, like slick carousel, it is possible to execute this with a Tiny slider

<div class="my-slider" data-tiny-slider='{"loop": false, "items": 3}'>
  <div></div>
  <div></div>
  <div></div>
</div>

var slider = tns({
    container: '.my-slider'
});

[ganlanyuan]

Hey, it's not available right now.
But you can do it with:

var sliderContainer = document.querySelector('.my-slider'),
    opt = JSON.parse(sliderContainer.getAttribute('data-tiny-slider'));

opt.container = sliderContainer;

var slider = tns(opt);

[notrealdev]

It working, thank you !!!

[ganlanyuan]

What's the type of the value?
String or Boolean

[notrealdev]

Hi, I have a little confused here, the option to display Arrow key is controls, not arrowKeys 😄

[ganlanyuan]

Oh, yes.
controls is for prev/next buttons.
arrowKeys bind the prev/next button functions to arrow keys on the keyboard.