CodeCanyon

RoyalSlider – Touch-Enabled jQuery Image Gallery

  • Bought between 100 and 499 items
  • Has been a member for 2-3 years
IMSLFMADE Purchased

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

Semenov

Hi,

Remove your center tag and shift slider with margin-left.

Dmitry

  • Bought between 100 and 499 items
  • Has been a member for 2-3 years

Sorry if this question has been asked.. does this Slider work in Joomla ? Cheers C

Semenov

Hi,

This is simple jQuery slider plugin, it works everywhere, you just need to setup it.

Dmitry

PTBPCarson

Thanks Semonov !

  • Bought between 10 and 49 items
  • Has been a member for 2-3 years

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

Semenov

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

  • Bought between 10 and 49 items
  • Has been a member for 2-3 years

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

Semenov

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

  • Bought between 10 and 49 items
  • Has been a member for 2-3 years

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.

Semenov

Hi,

No, there is no such option. Why don’t you grab data from href attribute of link?

Dmitry

  • Bought between 1 and 9 items
  • Has been a member for 2-3 years
bcw Purchased

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.

Semenov

Sent you an email…

  • Bought between 1 and 9 items
  • Has been a member for 1-2 years
hollingd Purchased

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.

Semenov

Hi David,

Please send me a link to your site and I’ll take a look what’s wrong.

Dmitry

  • Bought between 1 and 9 items
  • Exclusive Author
  • Has been a member for 1-2 years
mazmohad Purchased

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.

Semenov

Hi,

You’ll need slideshowEnabled option to do this.

Dmitry

  • Bought between 1 and 9 items
  • Has been a member for 1-2 years
benjiart Purchased

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

Semenov

Hi,

You may use slider public method tom implement this feature. There is goTo method for this.

Dmitry

  • Bought between 1 and 9 items
  • Has been a member for 1-2 years
andrnimm Purchased

Hi Dima, Do you have any update on when the new version of RoyalSlider with fullscreen option might be ready?

Semenov

Hi,

I’m working on it. You may simply stretch slider via CSS to fullscreen, it’ll still work.

Dmitry

  • Bought between 1 and 9 items
  • Has been a member for 1-2 years
andrnimm Purchased

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!

Semenov

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

Default-user
andrnimm Purchased

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.

  • Bought between 1 and 9 items
  • Has been a member for 3-4 years
raj192 Purchased

Hi, Can I add a play and pause button?

sorry if u have already answered this.

Kind Regards Raj

Semenov

Hi,

There are public methods to control slideshow, see documentation for more info.

Dmitry

  • Bought between 1 and 9 items
  • Has been a member for 1-2 years

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

Semenov

Hi,

Sorry, there is o such options, you’ll have to implement it by yourself.

Dmitry

  • Bought between 10 and 49 items
  • Has been a member for 5-6 years

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!

Semenov

HTML version of plugins doesn’t have any backend, you’ll have to edit HTML code.

Dmitry

  • Bought between 1 and 9 items
  • Has been a member for 3-4 years

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

Semenov

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

  • Bought between 10 and 49 items
  • Has been a member for 2-3 years

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/
Semenov

Hi,

Your website looks broken from me, you’ve got a lot of js errors from other scripts on page.

Dmitry

Default-user

Oops! a dns change broke the site before you looked at it, can you take another look? thanks.

  • Bought between 1 and 9 items
  • Exclusive Author
  • Has been a member for 3-4 years

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/FiwkKYdx

If 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

Semenov

Hi,

Use latest jQuery version.

Dmitry

  • Bought between 1 and 9 items
  • Has been a member for 1-2 years
artisto Purchased

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.

Semenov

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

Default-user
artisto Purchased

Thank you for your reply!

  • Bought between 10 and 49 items
  • Has been a member for 5-6 years
epaquet Purchased

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

Semenov

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

  • Bought between 10 and 49 items
  • Has been a member for 2-3 years
isidith Purchased

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,

Semenov

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

by
by
by
by
by