2012年4月2日 星期一

jCarousel

jCarousel官網
http://sorgalla.com/jcarousel/


jCarousel屬性說明

属性資料型態預設值描述
verticalboolfalse指定carousel是水平还是垂直方向滚动。
startinteger1开始的元素编号。
offsetinteger1初始化后第一个可见的元素编号。
sizeinteger<li>如果size属性没指定,则为<li>元素的个数
元素的个数。
scrollinteger3每次滚动切换的元素数量。
visibleintegernull如果设置此项,元素的宽度和高度值将根据区域的宽度和高度值来重新计算,以显示此数量的元素。
animationmixed“fast”滚动效果的速度(“slow”或者”fast”),也可以是毫秒的整数(参见 jQuery Documentation)。如果设置为0,关闭切换效果。
easingstringnull你想使用的缓冲效果的名字 (参见 jQuery Documentation).
autointeger0指定每隔多少秒自动滚动内容。如果设置为0(默认值)将关闭自动切换。
wrapstringnull表示是否将第一个和最后一个元素实现连接效果。选项值可以是"first", "last"或者 "both"。如果设置为null,默认关闭连接效果。 你也可以设置"circular"选项实现循环效果。例子 Circular carousel 演示如何实现此效果。
initCallbackfunctionnull在初始化carousel后调用的JavaScript函数。包含两个参数:调用函数的carousel实例对象和carousel的初始化状态(init, reset 或者reload)。
itemLoadCallbackfunctionnull在carousel动态载入内容后调用的JavaScript函数。包含两个参数:调用函数的carousel实例对象和carousel的动作状态(prev, next or init)。你还可以传递一个或两个函数的列表,分别表示切换前和切换后的动作。 itemLoadCallback: {  onBeforeAnimation: callback1,  onAfterAnimation: callback2}
itemFirstInCallbackfunctionnull当 某个元素成为carousel显示范围的第一个元素时调用的JavaScript函数(在滚动效果之后)。需要四个参数:调用函数的实例对 象,<li>对象本身,元素在列表中中序号,以及carousel的动作状态 (prev, next or init)。你还可以传递一个或两个函数的列表,分别表示切换前和切换后的动作。 itemFirstInCallback: {  onBeforeAnimation: callback1,  onAfterAnimation: callback2}
itemFirstOutCallbackfunctionnull当某个元素不再是carousel显示范围的第一个元素时调用的JavaScript函数(在滚动效果之后)。需要四个参数:调用函数的实例对象,<li>对象本身,元素在列表中中序号,以及carousel的动作状态 (prev, next or init)。你还可以传递一个或两个函数的列表,分别表示切换前和切换后的动作。 itemFirstOutCallback: {  onBeforeAnimation: callback1,  onAfterAnimation: callback2}
itemLastInCallbackfunctionnull当某个元素成为carousel显示范围的最后一个元素时调用的JavaScript函数(在滚动效果之后)。需要四个参数:调用函数的实例对象,<li>对象本身,元素在列表中中序号,以及carousel的动作状态 (prev, next or init)。你还可以传递一个或两个函数的列表,分别表示切换前和切换后的动作。 itemLastInCallback: {  onBeforeAnimation: callback1,  onAfterAnimation: callback2}
itemLastOutCallbackfunctionnull当某个元素不再是carousel显示范围的最后一个元素时调用的JavaScript函数(在滚动效果之后)。需要四个参数:调用函数的实例对象,<li>对象本身,元素在列表中中序号,以及carousel的动作状态 (prev, next or init)。你还可以传递一个或两个函数的列表,分别表示切换前和切换后的动作。 itemLastOutCallback: {  onBeforeAnimation: callback1,  onAfterAnimation: callback2}
itemVisibleInCallbackfunctionnull当某个元素成为carousel显示范围的某个元素时调用的JavaScript函数(在滚动效果之后)。需要四个参数:调用函数的实例对象,<li>对象本身,元素在列表中中序号,以及carousel的动作状态 (prev, next or init)。你还可以传递一个或两个函数的列表,分别表示切换前和切换后的动作。 itemVisibleInCallback: {  onBeforeAnimation: callback1,  onAfterAnimation: callback2}
itemVisibleOutCallbackfunctionnull当某个元素不再是carousel显示范围的某个元素时调用的JavaScript函数(在滚动效果之后)。需要四个参数:调用函数的实例对象,<li>对象本身,元素在列表中中序号,以及carousel的动作状态 (prev, next or init)。你还可以传递一个或两个函数的列表,分别表示切换前和切换后的动作。 itemVisibleOutCallback: {  onBeforeAnimation: callback1,  onAfterAnimation: callback2}
buttonNextCallbackfunctionnull当’next’按钮状态改变时调用的JavaScript函数。方法的返回值用于控制’next’按钮可用还是不可用。需要三个参数:调用函数的实例对象,按钮控件元素和该按钮是否可用的标记。
buttonPrevCallbackfunctionnull当’previous’按钮状态改变时调用的JavaScript函数。方法的返回值用于控制’previous’按钮可用还是不可用。需要三个参数:调用函数的实例对象,按钮控件元素和该按钮是否可用的标记。
buttonNextHTMLstring<div></div>自动生成的next按钮的HTML标记。如果设置为空,不创建next按钮。
buttonPrevHTMLstring<div></div>自动生成的prev按钮的HTML标记。如果设置为空,不创建prev按钮。
buttonNextEventstring“click”指定触发next操作的事件名。
buttonPrevEventstring“click”指定触发prev操作的事件名。


原始出處:http://www.cnblogs.com/ANDY_ZHANG/archive/2010/11/20/1882845.html

沒有留言:

張貼留言