Content Slider inside iframe won't click

hu8035's Avatar


21 Dec, 2012 09:03 PM

Hi, Dmitry, I am using content slider, and I put it inside an iframe and the slider has text, images, and PayPal button, which is an image. And I disabled sliderTouch, and sliderDrag as you can see below.

jQuery(document).ready(function($) {
 var slider =  $('#content-slider-1').royalSlider({
    autoHeight: false,
    arrowsNav: false,
    fadeinLoadedSlide: false,
    controlNavigationSpacing: 0,
    controlNavigation: 'tabs',
    imageScaleMode: 'none',
    loop: true,
    loopRewind: true,
    numImagesToPreload: 6,
    keyboardNavEnabled: false,
    autoPlay: {
        // autoplay options go gere
        enabled: false,
        pauseOnHover: true


Here's the problem.

  1. When clicking on each slider, it moves to the next slider. How do I disable it?

  2. Inside an iframe, when I click on PayPal button, everything goes away. just blank. and without the iframe, when I click on the Paypal image button, it moves to the next slider, and go to the Paypal page.

How do I fix these issues?

Thank you in advance! Happy holidays!

  1. Support Staff 1 Posted by Dmytro Semenov on 22 Dec, 2012 10:34 AM

    Dmytro Semenov's Avatar


    1. navigateByClick:false

    2. No idea, try to disable CSS3 via allowCSS3:false or send me link.


Reply to this discussion

Internal reply

Formatting help / Preview (switch to plain text) No formatting (switch to Markdown)

Attaching KB article:


Attached Files

You can attach files up to 10MB

If you don't have an account yet, we need to confirm you're human and not a machine trying to post spam.

Keyboard shortcuts


? Show this help
ESC Blurs the current field

Comment Form

r Focus the comment reply box
^ + ↩ Submit the comment

You can use Command ⌘ instead of Control ^ on Mac