Skip to content

Functions

Jose María Ruano edited this page Sep 17, 2018 · 1 revision

makeSlider({options})

Make a slider with the parameters introduced into the function, you should add the CSS class you want to apply to the elements when focused class comes in, focused class applies to list element that is in the focus of the slider.

Options:

  • focusedClass: String :: Applies to the current focused element, it changes to the next/previous element when the controls are triggered.
  • disabledClass: String :: Apllies to the non-focused element, by default is set to all elements except the first child of parent.
  • leftCtrl: String :: Applies to the move-right control, that makes the slider go forwards.
  • rightCtrl: String :: Applies to the move-left control, that makes the slider go backwards.
  • controlsInside: Boolean :: Specify if the left/right controls are inside the container of the list, if not the plugin will search for it on the entire page.

makeMenu({options})

Make a side menu with the options specified, as makeSlider does, the CSS classes that applies to the elements in the menú must be set by the user, as well as transitions, animations, etc.

Options:

  • animClass: String :: Specifies the class that contains animations that will apply to the menu itself and its child elements.
  • openButton: String :: DOM element to open menu.
  • closeButton: String :: DOM element to close menu.

fadeInWithAnim(delay, seletedClass)

Trigger a CSS animation (specified by the user) iterating by all the selected elements with a specific delay.

Parameters:

  • delay: Integer :: Specifies the delay between animations on the elements.
  • selectedClass: String :: Specifies the class to trigger the effects on element.

fadeOutWithAnim(delay, selectedClass)

Trigger a CSS animation iterating between elements with a delay, when all proccess is completed a callback is called.

Parameters:

  • delay: Integer :: Specifies the delay between animations on the elements.
  • selectedClass: String :: Specifies the class to trigger the effects when element go out.
  • callback: Function :: Function called when all elements are out.

Clone this wiki locally