Touchslide can be said to be superslide mobile phone simplified version, the different place is:
1, Touchslide is a pure JavaScript development, do not rely on any JS library, in view of this, Touchslide call method and superslide a little different.
The call method is:touchslide ({slidecell: "#slider", Effect: "Leftloop"}); (Slidecell must be an ID object); the same effect, the Superslide call method is: JQuery ("#slider"). Slide ({effect: "Leftloop"});
2, for the convenience of use, I used JS to simulate a simple jquery selector, only support "#" "." Label name ", separated by a space. In addition to the Slidecell must use the ID selector, other Titcell, etc. can be used, for example: Titcell: ". Title Li"
3, in addition to the above 2 different, the other is consistent, want to know more can download demo research.
Parameters |
version |
Default Value |
Description |
Detail |
Slidecell |
1.0 |
"#touchSlide" |
Container Object (the object that performs the effect must be an ID object!) ) |
Illustrations >> |
Titcell |
1.0 |
". HD Li" |
Navigation Element Object |
Illustrations >> |
Maincell |
1.0 |
". BD" |
Toggle element's Wrap Layer object |
Illustrations >> |
AutoPage |
1.0 |
False |
System automatic paging, to be used in conjunction with Titcell, if true, then titcell as the navigation element of the wrap-layer object |
Illustrations >> |
Effect |
1.0 |
"Fade" |
Effect | | Left: scrolling on; | | Leftloop: Left loop scrolling; |
|
AutoPlay |
1.0 |
False |
Run automatically |
|
Delaytime |
1.0 |
200 |
The duration of the transition effect (how many milliseconds it takes to perform the effect). |
|
Intertime |
1.0 |
2500 |
milliseconds, auto-run interval (after which the next effect is performed after a few milliseconds) |
|
Switchload |
1.0 |
Null |
Content switch loading, temporarily only support pictures, must be used in conjunction with background programs. When the picture is switchload for the picture the actual path of the property name, for example switchload: "_src" |
Detailed >> |
Startfun |
1.0 |
Null |
Executes the function at the beginning of each switch effect, to handle special cases or create more effects. Usage satrtfun:function (i,c) {}; Where I is the current page and C is the total number of pages |
Detailed >> |
Endfun |
1.0 |
Null |
Executes the function at the end of each transition to handle special cases or create more effects. Usage endfun:function (i,c) {}; Where I is the current page and C is the total number of pages |
Detailed >> |
Pagestatecell |
1.0 |
". Pagestate" |
A paging state object that is used to display the paging state, for example: 2/3 |
|
PrevCell |
1.0 |
". Prev" |
The previous/Page button object. |
|
Nextcell |
1.0 |
". Next" |
The next/Page button object. |
|
Pnloop |
1.0 |
True |
Whether the front/rear buttons continue to loop, or false when flipping to the front/back page, the front/rear button clicks are invalid, and the Prevstop/nextstop class name is added to control the sample color |
|
Defaultindex |
1.0 |
0 |
The default current position index. 0 is the first; Defaultindex:1 is the equivalent of starting from the 2nd one. |
|
Titonclassname |
1.0 |
"On" |
The class name that is automatically incremented for the current Titcell position |
Touchslide plug-in Parameters