8 Examples of effects-jquery anoslide Focus Graph Carousel

The anoslide is an image carousel plug-in that can adjust the effect to any width, and supports graphic and mixed content display.

Online example

Single	Multiple	Animation delay	Auto Play
Show pagination	Show title	Lazy Loading	Self-adapting height

How to use

<div class= "Carousel" > <a class= "prev" ></a> <ul> <li><a href= "javascript: "></a></li> <li><a href=" javascript: "></a></li> ... </ul> <a class= "Next" ></a> </di v>$ (function () {$ ('. Carousel ul '). Anoslide ({items:1, speed:500, prev: ' A.prev ', Next: ' A.next '});} );

　　

Detailed parameters

Parameters	Describe	Default value
Items	Number of visible slides per page	5
Speed	Slide transition speed, in milliseconds	1000
Auto	AutoPlay, a value of an integer that indicates how often you switch automatically, in milliseconds, 0 for non-autoplay	0
Autostop	Mouse Hover Stop Auto Play	True
Next	Bind a selector for "next"	Empty
Prev	Binds a selector to "previous"	Empty
Responsiveat	Force display of 1 slides for smaller viewports, such as mobile devices	480
Delay	Animation delay, 0 means no delay	0
Lazy	Picture Lazy Loading	False
Onconstruct	The initialized callback function that can pass parameters: Instance–instance of Anoslide	Empty
OnStart	Before switching the callback function, the parameters can be passed: ui.instance–instance of Anoslideui.index–number of current slideui.slide–current Slideui.slide.elem Ent–current Slide Element	Empty
OnEnd	After switching the callback function, can pass parameters: Ui.instance–instance of anoslide Ui.index–number of current slideui.slide–current Slideui.slide.ele Ment–current Slide Element	Empty

Download

8 Examples of effects-jquery anoslide Focus Graph Carousel