Hi - I would like to open the Ari's iframe lightbox when a content layer is clicked in Slider Revolution.

The instructions are to add the “fancybox” class to the Attributes of the slider and to add the following script to the slider's Custom JavaScript section.

These instructions are not working. This might be a question for Slider Revolution's support, but I thought you might notice something obviously wrong with their code or suggest alternative code to address the issue.


/*start...revapi14 is the API name is being used for your slider */

var api = revapi14;

api.on('revolution.slide.onloaded', function() {

jQuery(this).find('.fancybox').each(function() {

var $this = jQuery(this);
if(!$this.is('a')) $this = $this.removeClass('fancybox').find('a');

$this.addClass('fancybox fancybox.iframe').fancybox({

/* begin FancyBox options */
width: 'auto',
height: 'auto',
autoSize: true,
aspectRatio: true,
fitToView: true,
autoCenter: true,
scrolling: 'no',
type: 'iframe',
onClosed: function() {api.revresume()}

}).on('click', function() {api.revpause()});

});

});

/*end...*/

Thank you in advance for any help that you can provide.

Hello,

Could you provide a link to a page where this code is used?

Regards,
ARI Soft

Hi - careaxis.ca

Please see rev slider at top of homepage. The book an "book an assessment" button on the slider is supposed to launch careaxis.ca/our-physios in n fancybox. I used "fancybox" class in the button layer.

The JS code is in there now...and it is not working as expected. :/

Thank you!!!

Remove your custom JS code for the slider and add the following code to "Custom JS code":

$('A.rev-btn').attr('data-type', 'iframe');

Regards,
ARI Soft

It worked! Thank you! P