Jul
6

Elastislide – links to pages does not work. How to fix it.

By Francdore // Stuff // 11 Comments

I’ve recently used the Elastislide slider on a WordPress site and got some problems when adding links to pages inside the slider.

I’ve found the problem and here is how you fix the Elastislide bug:

Open the javascript file jquery.elastislide.js and go to line 265.

Find the code that says:

// item click event
this.jQueryitems.bind(‘click.elastislide’, function( event ) {

instance.options.onClick( jQuery(this) );
return false;
});

Just change “return false;” to “return: true;”

Add an ‘onClick’ option to your initialise object …

$(‘#carousel’).elastislide({
imageW : 120,
minItems : 2,
border : 0,
onClick : true
});

That’s it!

Author:

has written 163 articles for us.

11 Comments to “Elastislide – links to pages does not work. How to fix it.”

Ekyo August 17, 2012 at 11:09 am

Thank you but i think better idea is to change “return false” to “return true”

Reply
Morgan August 21, 2012 at 8:10 am

Acutally all you need to do is add an ‘onClick’ option to your initialise object …

ie

$(‘#carousel’).elastislide({
imageW : 120,
minItems : 2,
border : 0,
onClick : true
});

Reply
- Francdore August 21, 2012 at 8:14 am
  
  Thanks for the comment.
  
  Reply
Berooz September 12, 2012 at 3:07 pm

Thank you.
it`s work.

Reply
risaf synyster September 25, 2012 at 4:55 am

thanks.. for your help.

Reply
Venkat November 2, 2012 at 11:40 am

Thanks ! That saved me a lot of trouble and time !

Reply
- Francdore November 2, 2012 at 11:45 am
  
  Pleasure man!
  
  Reply
Ertosto November 5, 2012 at 10:47 am

Great feedback. Its workıng now… Thank you a lot

Reply
Weicheng November 22, 2012 at 7:44 am

Thank you! Save me a lot of time.

Reply
Anita December 2, 2012 at 11:57 pm

I have been pulling my hair out trying to get Elastislide to work with WordPress, specifically on the Genesis Framework. Has anyone been able to successfully achieve this and if so, would you be willing to share? Thank you.

Reply
David Salahi April 17, 2013 at 4:19 am

Thanks for this tip. This confirms what I experienced while trying to use Elastiside on a WordPress blog together with PrettyPhoto. PrettyPhoto was adding a link icon which was intended to be clickable but I discovered that Elastiside was preventing the click from working. I fixed it by commenting out the four lines after the comment // item click event.

Reply