This item is by an Elite Author
Semenov
- Elite Author
- Sold between 250 000 and 1 000 000 dollars
- Has been a member for 4-5 years
- Author was Featured
- Ukraine
- Author had a File in an Envato Bundle
- Referred more than 2000 users
- Bought between 10 and 49 items
- Exclusive Author
- Microlancer Beta Tester
16,149
Purchases
Buyer Rating:
4.72 stars
4.72 average based on 1190 ratings.
(more information)
-
5 Star
99083%
-
4 Star
13111%
-
3 Star
342%
-
2 Star
100%
-
1 Star
252%
| Created | 10 August 11 |
| Last Update | 23 April 13 |
| Compatible Browsers | IE7, IE8, IE9, IE10, Firefox, Safari, Opera, Chrome |
| Software Version | jQuery |
| Files Included | JavaScript JS, HTML, CSS, Layered PSD |
- banner rotator
- caption
- fluid
- gallery
- image
- jquery
- mobile
- plugin
- preloading
- resizable
- responsive
- slider
- slideshow
- swipe
- touch
© All Rights Reserved Semenov -
Contact Envato Support


Hi, my slider moves on the page when the browser window is resized, can you help me to keep it in its fixed space? Thanks link: http://www.shyppl.com/index2.html
Hi,
Remove your center tag and shift slider with margin-left.
Dmitry
Sorry if this question has been asked.. does this Slider work in Joomla ? Cheers C
Hi,
This is simple jQuery slider plugin, it works everywhere, you just need to setup it.
Dmitry
Thanks Semonov !
How do you enable the slider captions to show up when the slider is viewed on a mobile device? I see the captions on a desktop, but when viewed on a mobile device, the captions are either cut off (on an iPad) or don’t display at all (on an iPhone).
Thanks in advance, - LL
Hello,
You need to add some styling via CSS (media queries, r relative positioning) to make them scale down with slider.
In new version it’ll be a bit easier.
Dmitry
I’m using images as slider thumbnails (4 when viewed the slider is viewed on a desktop). How do I autoscale down the thumbnails when the slider is viewed on a mobile device (e.g. iPhone) so that it’s not displaying only 1 thumbnail?
- LL
Hi,
Thumbnails itself aren’t scaling down, there is no point of them, if they’re tiny. You may set display:none to them on small devices, or replace with bullet navigation.
Dmitry
Is there a way to add a different class to the slide links or a rel. I’m trying to open the linked image in a lightbox but am having trouble finding where in the code I can change the royalSlideLink reference.
Hi,
No, there is no such option. Why don’t you grab data from href attribute of link?
Dmitry
We have an issue where the loading screen does not work as expected (or at all). We have a pretty complex slide show, and there are some pretty sizable images in there.
When someone refreshes the page a handful of the images used in the slideshow show up & then disappear before the slideshow starts. I can’t post a link to the page because the site is in beta and this is the only thing holding us up from launch at the moment.
If you could contact me offline about it we would be grateful – kyle@bluecoastweb.com
Thanks.
Sent you an email…
Hi,
I’ve recently downloaded your RoyalSlider and firstly let me say this was the best JQuery slider that works both on device as well as on desktop so thank you for creating this.
I’m having a couple of issues, the first is I want to put a background colour on the caption div’s, but everything I try, in-line styling, on the css files it does not work, any suggestions?
The second issue I’m experiencing is that the bullets for navigation are not showing on my slider. As far as I understand it these should be added automatically from the JS. I get the left and right arrows but not the bullets at the bottom.
When inspecting the code it appears as though the RoyalControlNavOverflow div is at the top above the slider images, can’t understand why.
Would really appreciate your assistance in getting this working – thanks in advance
David.
Hi David,
Please send me a link to your site and I’ll take a look what’s wrong.
Dmitry
What do I do to make the slider auto play and goto next slide say after 5 seconds? At the same time be able to control using arrows or dots. Thank you.
Hi,
You’ll need slideshowEnabled option to do this.
Dmitry
HI, love your slider, is there a way to create a link to a specific slide? i am using the last slide as a contact page and would like to have a link that is always visible that navigates directly to the last slide.
any help would be much appreaciated!
thanks in advance benji
Hi,
You may use slider public method tom implement this feature. There is goTo method for this.
Dmitry
Hi Dima, Do you have any update on when the new version of RoyalSlider with fullscreen option might be ready?
Hi,
I’m working on it. You may simply stretch slider via CSS to fullscreen, it’ll still work.
Dmitry
Dmitry I have a slider formatting question.
I’m trying to use royal slider in a slightly different way than intended: I want a sort of filmstrip effect, where i show the current slide in the middle of the slider container, with parts of the next and previous slides visible to the right and left (if they exist). In fact it’s very much like a big version of the thumbnail nav, but with only one full slide visible, and the prev and next cut off by the slider container.
I have this working on touchcarousel, and it looks good. Using snapToItems: true, it advances to the next slide, no matter how wide it is, when you swipe.
With RoyalSlider, though, although I do have the next and previous images lazy-loading in next to the current slide within the container, the problem is when you advance to the next slide: the javascript automatically moves the pictures “slideWidth” to the right when you “_moveSlideRight”, but slideWidth is defined as sliderWidth + slideSpacing. Again, my slides are much narrower than my Slider, so I’d like to move only the actual slide width to the right, not the entire width of the slider, because when it moves too far the current slide is no longer centered in the container.
Is there a way to change this quantity in the CSS ? I think it’s applied directly in the javascript by slideWidth. Am i missing something?
The functionality the way you have it makes sense of course, because in most sliders you only want to see one slide at a time. It’s me who wants to do something different!
Hi,
The only thing you can do is remove hidden overflow from slider.
In new version, there will be an example with instructions how to make this type of slider.
Dmitry
Many thanks.
So, alternatively, would there be a way for me to add my own version of something equivalent to thumbnailNav, to a TouchCarousel? By just loading a second, smaller carousel, for example?
Aside from thumbnail navigation, TouchCarousel does everything I need, I think. I’m not sure I’ll need lazy loading.
I have to say these are both so well designed and well thought out, you’re putting other sliders to shame. It’s really the best I’ve found by a long shot. Thanks.
Hi, Can I add a play and pause button?
sorry if u have already answered this.
Kind Regards Raj
Hi,
There are public methods to control slideshow, see documentation for more info.
Dmitry
Hi, I have purchased your royal slider plugin and have a couple of questions that you may be able to help me with. I Apologise if these question has already been answered.
I would like to make the height of each slide dynamic depending on the content within each slide or just dynamically adjust the height of the slide wrapper, also I would like to load in each slide with ajax. I have experience with jQuery but would appreciate a helping hand if possible.
many thanks
Hi,
Sorry, there is o such options, you’ll have to implement it by yourself.
Dmitry
I have this as WP Plugin version, but now need to integrate something similar on a non Wordpress site (html/php). How would the client/user interface with the slider and set up the config? Do they visit a specific file/location in the browser? Just trying to make sure it works for my liens too!
HTML version of plugins doesn’t have any backend, you’ll have to edit HTML code.
Dmitry
Hi, I am thinking of buying this, I have two questions: 1) Can I run it as an image gallery and have the thumbnails load HTML content via AJAX ? 2) Have you done any testing using it in conjunction with jQTouch?
-Mike
Hi,
1) Slides can contain any content, but you’ll have to add all ajax management by yourself.
2) No, I haven’t. This is simple jQuery plugin, designed in best practices.
Dmitry
Slider works great, but when i view in ie8 i see strange green & red boxed over content, not sure where they are coming from can you help me figure it out?
works great in firefox, chrome.
http://1800fix.superiorimpact.com/Hi,
Your website looks broken from me, you’ve got a lot of js errors from other scripts on page.
Dmitry
Oops! a dns change broke the site before you looked at it, can you take another look? thanks.
Hi,
I bought this slider and it’s great except that I enabled the thumbnails, however when I click on them, they do not change the slide. Instead, when I click on them and they do not change the slide then try to change the slide with the arrows again, the arrows do not change the slide either. My site is not hosted yet but here is my code:
http://pastebin.com/FiwkKYdxIf you could take a look at that and let me know what you think is wrong that would be great.
Great work on the slider and thank you,
DS
Hi,
Use latest jQuery version.
Dmitry
Hello, Thanks for your code. I am struggling with two things. 1) IE 8 there is a flash of hidden divs on page load….could you provide a solution that hides these elements before page load? I have seen this problem referenced in earlier comments, but do not see a solution.
2) I hope to have a div below the slide show show that will contain will divs/images that when clicked will cause the slide show to jump to specific slides. I see in your help area a reference to ” mySliderInstance.goTo(1);” but I (a newbie that I am) do not know how to actually code this into a link tag on the page outside of the slideshow. Can you give me an example of the code needed to accomplish this??
Thank you in advance!
JS
PS If you need a URL , I can send it.
Hello,
Sorry for a bit late reply.
1) This is ie8 bug, I don’t think that it hurts overall look of site. You may use jQuery to set display: block to slider, when it’s displayed.
2)
jQuery('#sliderid').data('royalSlider').goTo(1);Dmitry
Thank you for your reply!
Hi, 1. Is there a way to stop an auto start slideshow after last slide? 2. What is the diffenrence between slideshowEnabled and slideshowAutoStart?
Thank you Erik
Hi,
1. No, there is no such option, you may do this with slider callbacks and public methods.
2. slideshowEnabled just enables slideshow option, you may toggle it by public methods later. slideshowAutoStart just starts slideshow when slider loads.
Dmitry
Hi great stuff !
Would it be possible to adjust the height of the slider everytime a slide is displayed ? I intend to have slides of different heights in it .
Best regards,
Hi,
No, there is no such option, but you may do this with slider public methods and callbacks, slider size can be changed to any at any time.
Dmitry