Elastislide Responsive Carousel click links not working (the fix)

1238
Views

Fix for Elastislide Responsive Carousel

If you are using Elastislide JQuery carousel for a responsive carousel and got everything working except when you click on linked images, and you go nowhere, well the reason is, Elastislide default is to not go anywhere. Around line 250/60 you will find where you need to make a simple change. The default is to return false:

Find out where your website ranks with your chosen keywords in Google, Yahoo and Bing.
14 day free trial. No credit card required.

I changed return to true to allow clicks on images to go to the appropriate web pages and it works great.

Premium WooCommerce Extensions, WordPress Plugins & Themes Only $10 or Free with Membership

// item click event
this.$slider.on(‘click.elastislide’, ‘li’, function( event ) {
instance.options.onClick( $(this) );
return true;
});

Elastislide is a responsive image carousel that will adapt fluidly in a layout. It is a jQuery plugin that can be laid out horizontally or vertically with a pre-defined minimum number of shown images.

Get it at github

Premium WooCommerce Extensions, WordPress Plugins & Themes Only $10 or Free with Membership

Recommended jQuery Course

1 hour jQuery

(1238)

Elastislide Responsive Carousel click links not working (the fix)

jQuery, Programming | 0 Comments

Share your thoughts!