#pickli

View On WordPress

wrapper. default: ‘pickli’ options: string selectClass Class name of the selected item. default: ‘active’ options: string unselectClass Class name of the unselected items. default: ” options: string autoResize Refresh the position slider on window resize. default: false options: boolean (true / false) Interactivity interaction Mouse or Touch Events for select an item. default: ‘click’ options: string transition How animate the slider when the selection change. If false, desactive animations. (See the Transition configuration options) default: Transition options options: object (Transition options) cursor The cursor used on the slider. default: ‘pointer’ options: string (A CSS cursor value) loop If true, clicking “Next” while on the last item will transition to the first item and vice-versa. default: false options: boolean (true / false) 5. CALLBACKS onChange Executes immediately after a item is selected (or unselected) default: null options: function(value) // your code here arguments: value: value of the selected item (string) onFill Executes immediately after the data collection change. default: null options: function(data) // your code here arguments: data: current data collection (array) 6. REMOTE OPTIONS Used for call a json data file or service with ajax. How use it ? You can load data when you initialize the slider: slider = $(‘#target’).pickli( remote: url:’http://…’, … ); Or latter with the public method: slider.remote(‘http://…’); // or slider.remote( url: ‘http://…’, type: ‘GET’, … ); Options url The url used for load JSON data. default: ” options: string type The type of request to make default: ‘GET’ options: string (‘POST’ / ‘GET’) data Data to be sent to the server. (see the jQuery.ajax() documentation) default: null options: string or object or array crossDomain If you wish to force a crossDomain request on the same domain. default: false options: boolean loader A jQuery object witch will be occulted or visible when data are loaded. loader.show() when dispatch onRemoteStart, loader.hide() when dispatch onRemoteSuccess or onRemoteError. default: null options: jQuery object Callbacks onRemoteStart Executes immediately before the data ajax call. default: null options: function() // your code here onRemoteSuccess Executes on jQuery ajax success event. default: null options: function(data) // your code here arguments: data: loaded data collection (array) onRemoteError Executes on jQuery ajax error event. default: null options: function(data) // your code here arguments: e: error (object) 7. TRANSITION OPTIONS If you set the transition to false, it will desactivate the animation. Options: duration A string or number determining how long the animation will run. (see jQuery.animate documentation) default: ‘normal’ options: integer or string (‘slow’ / ‘normal’ / ‘fast’) easing A string indicating which easing function to use for the transition. (see jQuery.animate documentation or http://api.jqueryui.com/easings/ for the list of easing) default: ‘swing’ options: string (‘linear’ / ‘swing’ / ‘easeInQuad’ / ‘easeOutCubic’ / ‘easeInOutQuart’ / …) Callbacks onTransitionStart Executes on jQuery animate start event. default: null options: function() // your code here onTransitionComplete Executes on jQuery animate complete event. default: null options: function(data) // your code here 8. METHODS next Select next item. Do nothing if there is not item selected. example: slider = $(‘#target’).pickli(); slider.next(); prev Select previous item. Do nothing if there is not item selected. example: slider = $(‘#target’).pickli(); slider.prev(); first Select first item. example: slider = $(‘#target’).pickli(); slider.first(); last Select last item. example: slider = $(‘#target’).pickli(); slider.last(); jump Jump to an item adding o substracting a value to the current index. Do nothing if there is not item selected. example: slider = $(‘#target’).pickli(); slider.jump(-3); refresh Refresh the slider with the current selection. example: slider = $(‘#target’).pickli(); slider.refresh();