Super Sale Limited Time 50% OFF for All-Access Plans
Save 50% Now
Light
Dark
System
Ask  Question

Missed parameters for Tiny Slider


Hello,

I would like to use mouse drag and a custom navigation container to make a product gallery, similar to the example at https://github.com/ganlanyuan/tiny-slider/issues/277.

However, I am unable to find these attribute parameters in the Metronic documentation.


example i need in js : 


var slider = tns({

                container: ".slider",

                navContainer: ".thumb-slider",

                items: 1,

                loop: true,

                navAsThumbnails: true,

                mouseDrag: true,

                center: true,

                controls : false

            });


user
Abderaouf Charmat 3 years ago
Design HTML
2 Answers
Text formatting options
Submit
Click any option to insert into your comment. Select text first to wrap it.
  • **text** to make things bold
  • *text* to emphasize
  • ### Heading to make headings
  • [link text](url) for links
  • ![alt text](image-url) to paste in an image
  • - item to make a list
  • 1. item to make an ordered list
  • > quote to quote somebody
  • `code` for single line of code
  • ```js ... ``` for JS code block
  • ```html ... ``` for HTML code block
  • ```scss ... ``` for SCSS code block
  • ```php ... ``` for PHP code block
  • --- for a horizontal rule
  • happy  :)
  • shocked  :|
  • sad  :(

Replies (2)

K
KP 2 years ago

Did you manage a workaround for this? Thank you.


user
Sean Author 3 years ago

Hi,

Our initSlider wrapper defined in src/js/components/app.js passes all HTML attributes to the plugin options as stated in the official docs.

You should initialize your custom code on document ready event after all js scripts includes so the slider and other plugins will be available:


// On document ready

KTUtil.onDOMContentLoaded(function () {

// your code goes here

});


Please let us know if you need any further help.

Regards.


Text formatting options
Submit
Click any option to insert into your comment. Select text first to wrap it.
  • **text** to make things bold
  • *text* to emphasize
  • ### Heading to make headings
  • [link text](url) for links
  • ![alt text](image-url) to paste in an image
  • - item to make a list
  • 1. item to make an ordered list
  • > quote to quote somebody
  • `code` for single line of code
  • ```js ... ``` for JS code block
  • ```html ... ``` for HTML code block
  • ```scss ... ``` for SCSS code block
  • ```php ... ``` for PHP code block
  • --- for a horizontal rule
  • happy  :)
  • shocked  :|
  • sad  :(
Text formatting options
Submit
Click any option to insert into your comment. Select text first to wrap it.
  • **text** to make things bold
  • *text* to emphasize
  • ### Heading to make headings
  • [link text](url) for links
  • ![alt text](image-url) to paste in an image
  • - item to make a list
  • 1. item to make an ordered list
  • > quote to quote somebody
  • `code` for single line of code
  • ```js ... ``` for JS code block
  • ```html ... ``` for HTML code block
  • ```scss ... ``` for SCSS code block
  • ```php ... ``` for PHP code block
  • --- for a horizontal rule
  • happy  :)
  • shocked  :|
  • sad  :(