Swipe |
MouseWheel |
Thumbnails |
.swipe_x : Horizontal Swipe |
.mouse_wheel_y : Only Upword |
.thumb_scroll_x : Horizontal Scroll |
.swipe_y : Vertical Swipe |
mouse_wheel_xy : Upword & Downword |
.thumb_scroll_y : Vertical Scroll |
Swipe Function:
By using swipe function you can controll the slides by dragging the mouse button Horizontally and Vertically in touch devices this Function also enables the touch control. Please follow the instructions:
- Just assign a class according to your requirement to the first slider div after the
.carousel
class.
- If you want to enables the Horizontally Swipe Please use
.swipe_x
class.
- If you want to enables the Vertically Swipe Please use
.swipe_y
class.
MouseWheel Function:
By using MouseWheel funciton you can move through the slides with mouse wheel. Please follow the instructions:
- Just assign a class according to your requirement to the first slider div after the
.carousel
class.
- If you want to enables the Upword Mouse Wheel Button Scroll Please use
.mouse_wheel_y
class.
- If you want to enables the Upword and Downword Mouse Wheel Button Scroll Please use
.mouse_wheel_vy
class.
Thumbnails Scrolling Function:
In Indicator Navigation Thumbnails Layouts this function helps in scrolling the thumbnails according to the sliding. Please follow the instructions:
- Just assign a class according to your requirement to the first slider div after the
.carousel
class.
- If you are using the Horizontal Thumbnails Indicators then you will use
.thumb_scroll_x
class.
- If you are using the Vertical Thumbnails Indicators then you will use
.thumb_scroll_y
class.
-
Caution: Never use more than one vertical thumbnail slider or horizontal thumbnail slider on one page or in one file. This will disturb the Thumbnails Scrolling Function.
-
Note: But if you want to use more than one slider on one page or in one file, you must use one vertical thumbnail slider and other horizontal thumbnail slider. This will work fine for only two sliders.
Please do not hesitate if you have any queries about this product. We are always there for your help. You can contact us on this e-mail address szthemes53@gmail.com