fx | line | line rectMove , rectRun , rectSlice
rubyFade , rubyMove , rubyRun , rubySlice
randomMath cssOne coverflow3D
| Thiết lập tên loại hiệu ứng cho RubySlider. RubySlider có tổng cộng 4 loại hiệu ứng chính, đặc biệt hiệu ứng CSS có nhiều hiệu ứng nhỏ khác nhau, tạo ra hàng trăm hiệu ứng đẹp mắt và ấn tượng. |
cssOne | roDeal | -- | Thiết lập tên hiệu ứng của loại hiệu ứng CssOne. Danh sách đầy đủ tên các hiệu ứng có thể xem ở trang này. |
cssTwoOut | slideShortDownOut | -- | Setup name for Out effect of CSS Two effects |
cssTwoIn | pushSoftIn | -- | Setup name for In effect of CSS Two effects |
cssFourPrevOut | roEdgeRightOut | -- | Setup name for CSS Four effect when swap to previous slide out |
cssFourPrevIn | roEdgeLeftIn | -- | Setup name for CSS Four effect when swap to previous slide in |
cssFourNextOut | roEdgeLeftOut | -- | Setup name for CSS Four effect when swap to next slide out |
cssFourNextIn | roEdgeRightIn | -- | Setup name for CSS Four effect when swap to next slide in |
fxEasing | easeOutCubic | -- | Easing of main effect. |
cssEasing | null | -- | Easing of effect in CSS One, Two, Four effects. |
speed | 400 | -- | Duration of the effect. Unit millisecond. |
margin | 30 | -- | Distance between slides. Unit is px and supports distances left and right. Example: - "margin": [10, 20] → 10px is left distance, 20px is right distance
- "margin": 30 → 30px is left and right distance
|
idBegin | 0 | -- | Set the slide will appear as rubytabs initialization, ID of slides started with 0. List of value option:
- "begin": begin position, equivalent to idBegin = 0
- "center": center position. If the total number of slides is an even number, then the position will be located near the left side. Example: Num of slide is 6, value of idBegin is 2
- "centerRight": similar "center" value, but located near the right side. Example: Num of slide is 6, value of idBegin is 3
- "end": end position
- 0 1 2 ...: specific value of the ID slide
|
showBy | all | -- | Set rubytabs initialized only on the specified device. List of value: "desktop", "mobile" and "all". |
showFrom | 0 | -- | Set rubytabs will appear in range width of the site. Range-width have 2 values "min-width" and "max-width"(optional). |
| | | |
isAutoInit | true | -- | Option exclusively for HTML5 data. RubyTabs is automatically initialized after markup have loaded. |
isSlideshow | false | -- | Turn on/off slideshow. |
isNav | false | -- | Turn on/off navigation tabs. |
isPag | true | -- | Turn on/off pagination(tablist) tabs. |
isSwipe | true | -- | Turn on/off swipe gestures on rubytabs. |
isKeyboard | false | -- | Turn on/off keyboard navigation, left/right arrow on keyboard to go prev/next slide. |
isDeeplinking | false | -- | Turn on/off deep-linkinging features. |
isCookie | false | -- | Turn on/off cookie features. |
name | null | -- | The proper name for each rubytabs in the site. Used to link components markup outside with main markup of rubytabs. |
nameViewport | viewport | -- | Set the name-class of the component "viewport". |
nameCanvas | canvas | -- | Set the name-class of the component "canvas". |
nameSlide | slide | -- | Set the name-class of the components "slides". |
nameDataLazy | src | -- | Name to be replaced in "data-src" on <img> tag using image lazyload function. |