HaiBach supports this item


This author's response time can be up to 2 business days.

16 comments found.

cool work ! all the best for your sales ;)

Thank you :-)

how do I get the arrows to appear?

Hi angel0405,

+ Turn on navigation-arrow by :
"isNav" : true 
+ Turn off thumbnail-image by :
"isPag" : false

Thank you using plugin.

I found it Thanks! this thing is amazing!!!

I need to set up slide like type 2 https://drive.google.com/file/d/0B_8bMW_NDrGCS0xuZTk5czJzMmM/view?usp=sharing if it possible I will buy it now


At type 2, there are 2 cases:

+ If the slider have slide at the center position, you can set “opacity” with 0 (zero) value, the center slide will hidden.

+ If the slider do not have slide at the center position, the plugin not support now. :-)

Hi, is it possible to enable the slide click not only for the grabbing but also to make a custom action? I’ve was looking at the documentation, but there are no events or methods related to the slide click.


There are two way:

+ Add class “rs01swipe-prevent” to the slide
<div class="rs01swipe-prevent">
    <a class="rs01imgback" href="imgs/image1.jpg">image 1</a>
+ Disable swipe gestures on the slide by option:
<div data-slide="{ "isSwipe": false }">
    <a class="rs01imgback" href="imgs/image1.jpg">image 1</a>

I will update documentation later. Thank you using plugin!

Is this the only way? Isn’t possible to enable both click and swipe?

Thanks for your answer anyway

Sorry for confusion. Currently, only click or swipe occurred.

I will try to integrate it into the next version.

good work, i whish you all the best for your sales

Thank you. :-D

28940049-2625-44c2-be0e-e4a888f6c04c – 8 Mar 2017

Hello, I would like to use ‘tabs-layout-simplest’ template as my hor tab list will grow into two rows. At the moment tabs stay in one row and an arrow shows to navigate left/right. How to remove this feature and let my tabs move to the second row? this is urgent and I would greatly appreciate your reply. Debbie

What is the minimum jQuery version? Could it possibly work with v1.7.x?

How does the update function work? Is there a way that your slider-script automatically updates when there is a new picture in the entered ftp-folder? Does the slideshow also update when it’s already open or do i need to refresh the page?

Will this work FULL WIDTH? Trying to use it as a full width slideshow on Crossway HTML template.

I`m trying to make a carousel with links: links slides that wrap content. The swap are not working with the basic options. How can I make it work? Thanks

is there a way to have the slide have auto as width and a set height? I was not able to find that option anywhere… :(


drronn Purchased


I went through the quick setup and the only thing that shows are the ALT tags. I put in the code you have listed. Here’s my coding…..

I put this into the HEAD…

<!- Main css of rubyslider, including styles, skins -> <link rel=”stylesheet” href=”ruby/rubyslider.css”>

<!- jQuery 1.9+ required -> <script src=”//ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js”></script>

<!- Main script of rubyslider -> <script src=”ruby/rubyslider.js”></script>

<!- CSS effects (CSS One – Two – Four effects) in rubyslider -> <script src=”ruby/rubyanimate.js”></script>

Here’s what I put into the BODY where I want it to show….

<!- Each image is a slide -> <!- Image background lazyload 1, 2 , 3 .. -> image alt 1 image alt 2 image alt 3 <div class=”rs01” data-slider=”{ "fx" : "cssOne", "speed" : 800, "width" : 940 }”>

What am I doing wrong? Thanks so much for a super slider. :)


P.S. I just noticed that the code doesn’t show up right here on the site. I put the code in exactly the way you have it in the Quick start.

Hi. I am looking for a slider that can do ALL of the following: - Full screen slider - Fade between images (instead of sliding or other animation) - Ability to show a random slide as the first slide, each time the page loads

Can your plug-in do any or all of these? Thanks.


I’m having a lot of success with the slider, but I’ve run into a problem that I can’t seem to work out. I’m trying to use outside markup with Vertical Pag for the slider. It works fine for Horizontal Pag but I’m having issues when it is Vertical.

I’m trying to have each slide fill the background, and have the thumbnails on top of the slide, by plasing the Pag into a seperate div with a high z-index. Like I said, this works fine for Horizontal Pag but not for Vertical. Any ideas?

Is there a way to rotate slides based on a specific date with this slider? If not, will this become a feature in future update?