CodeCanyon

RoyalSlider – Touch-Enabled jQuery Image Gallery

  • Has been a member for 2-3 years
  • Exclusive Author
  • Bought between 10 and 49 items
  • United States
  • Referred between 10 and 49 users
PacificWebDesigner says
Purchased

Hey I was just needing to have a dynamic height for my RoyalSlider and this is how I did it:

 $('#testimonial-gallery').royalSlider({
            captionShowEffects:["fade"],
            controlNavThumbs:true,
            imageAlignCenter:true,
            directionNavEnabled: true,
            welcomeScreenEnabled:false,
            hideArrowOnLastSlide:true,
            //adjust height of slide
            afterSlideChange: function(){
                //set height variable based on total height of desired selector
                var royalSlideHeight = $('.royalCaption:visible .blockquote-wrap').outerHeight();
                //animate the height of the entire slider
                 $('#testimonial-gallery').animate({
                     height: royalSlideHeight
                 });

            }

        });

Hopefully this will help some people. As you can see you’ll have to change the selectors and most likely fiddle with setting the height variable. It’s working pretty well for me now. This slider is awesome, but should have something like this built in.

2 days ago
Author
Semenov Semenov replied

Thanks a lot for sharing.

2 days ago
  • Has been a member for 3-4 years
  • Exclusive Author
  • Sold between 100 and 1 000 dollars
  • Bought between 10 and 49 items
  • Europe
  • Referred between 100 and 199 users
digitalimpact says

Does it have callbacks on before? Also, is there a way for it to know in which direction the touch/swipe happened?

What I mean is:

- I swipe to the left, I will see the next image, from the right.

- just as I start the swipe, or after the swipe has finished, I need a callback so I can execute my own stuff.

- I only want the callback to execute if swiping to the left, not also when swiping to the right. So, is it aware of that?

I see ‘afterSlideChange’ above – guess that’s a callback for animation completion. It would be useful to see a list of all the options it has.

Thanks!

1 day ago
Author
Semenov Semenov replied

Hi,

Yes, there are callbacks before and after slide change, but you’ll have to add minor changes to source code of slider to get to know direction.

Dmitry

1 day ago
  • Has been a member for 0-1 years
  • Bought between 1 and 9 items
nn5 says
Purchased

Hi there, Have purchased royalslider, and it is generally working like a charm. Very nice! However, I do have an issue: When using classes with -webkit-transitions internally in slides, then: Either a) slides are blinking/glitching on iOS/Anroid or b) (if -webkit-backface-visibility is set to “hidden”) no blinking/glithing but swiping from slide to slide is no longer working on iOS/Anroid, except for the first slide. Testet on iOS 5 iPhone 4/iPad 3 + Android 4.02 on Nexus. Wonder if there is a work-around for this?

Thanks /lars

1 day ago
Author
Semenov Semenov replied

Hi,

It would be great if you send me a link to your site. Glitching may cause reordering dom elements by anohter plugins, or too much css3 properties like box shadow inside slider.

I have already new engine of rendering for new version of slider, that’ll work much more stable.

Dmitry

10 hours ago
Purchased
Default-user nn5 replied

Hi Dmitry, Thanks for your reply. Setting Royalslider “disableTranslate3d: true” is a workaround – though slighly less smooth. So I will leave it at that until your new engine is ready. When do you expect to release?

Another issue: Setting “hideArrowOnLastSlide: true” does not work if there is only one slide. I. e. the right-arrow is always shown (yes, I know: Kinda of dumb to use Royalslider for just one slide … but with dynamically generated content you never know :-)

/lars

9 hours ago
Author
Semenov Semenov replied

I’ll try to release asap, many work to do more… You may follow me on twitter, or join my newsletter to get notified about update (links are here – http://dimsemenov.com ).

Thanks for noticing arrows issue, I’ll fix that too.

Dmitry

9 hours ago
  • Has been a member for 0-1 years
  • Bought between 1 and 9 items
Salgari says
Purchased

Hi Dmitry

awesome jquery plugin! I already installed it succesfully and also bought the license for the TouchCarousel

I wanted to ask if it’s possible to have other effects when slideshowEnabled is set to true (ie when the auto slideshow is enabled). As of now it just pulls the slides as one would do manually. Is there a way to have other effects, such as simple as fade or even better a kevin burns pan/zoom?

thank you!

1 day ago
Author
Semenov Semenov replied

Hi,

There is only fade and move transitions available, see javascript options section in docs for more info.

Dmitry

10 hours ago
  • Has been a member for 0-1 years
  • Bought between 1 and 9 items
mdementen says
Purchased

Hi,

I have a slideshow containing about 300 pictures. and i need to have thumbnail navigation enabled. Unfortunately the first picture of the slideshow doesn’t show until the 300 thumbnails are loaded (which takes about 20-30s). I have lazy loading enabled but as far as i can tell it does not work on thumbnails.

It would be nice if the script only loaded 3 pages of thumbnails (current, before, after), instead of all of them. Would this be complicated to add? Please contact me vweb@mcarnolds.be

I’m sorry if this was asked before but i couldn’t find a search on the comments…

Thank you!

21 hours ago
  • Has been a member for 1-2 years
  • Bought between 1 and 9 items
cstheme says

Is the slider capable of having a bg image, text and a couple of images in on each slide ?

10 hours ago
Author
Semenov Semenov replied

Hi,

Slider can have any HTML content inside each slide, but only one image will be lazy-loaded.

Dmitry

9 hours ago
  • Has been a member for 0-1 years
  • Bought between 1 and 9 items
Juhis says
Purchased

Excellent and such an useful program. Works like a charm and got a very quick answer to my question! :)

10 hours ago
  • Has been a member for 0-1 years
  • Bought between 1 and 9 items
vengo01 says
Purchased

@PacificWebDesigner

Hi there, From which element you get the height? Where is the class .royalCaption:visible .blockquote-wrap' ? Could you help me with this or is there another way to get autoHeight working?

Thx in advance!

10 hours ago
by
by
by
by
by