Elastislide

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

Elastislide

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;”

OR

Add an ‘onClick’ option to your initialise object …

ie

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

That’s it!

About the Author
Hi. I'm currently 28 years old and I'm a full time Front-End Developer. I also love to take photos, play guitar and listen to hard rock, metal and folk rock. I created this blog when I was figuring out how Wordpress works and it eventually started to get a LOT of hits every month. I'm now trying to expand this blog and trying to turn it into a magazine type website. I like to write although I'm not very good at it. I hope you enjoy this website and don't forget to leave a comment.

13 comments

  1. Ekyo August 17, 2012 at 11:09 am

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

  2. 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
    });

    1. Francdore August 21, 2012 at 8:14 am

      Thanks for the comment.

  3. Berooz September 12, 2012 at 3:07 pm

    Thank you.
    it`s work.

  4. Venkat November 2, 2012 at 11:40 am

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

    1. Francdore November 2, 2012 at 11:45 am

      Pleasure man!

  5. Ertosto November 5, 2012 at 10:47 am

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

  6. Weicheng November 22, 2012 at 7:44 am

    Thank you! Save me a lot of time.

  7. 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.

  8. 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.

  9. Michael July 4, 2013 at 3:00 pm

    Thanks! Works a treat!

  10. Millan September 11, 2013 at 10:50 pm

    I linked Elastislide a responsive jQuery Carousel Plugin to my site but it doesnt work on IE 9 for some reasons (works on IE8 and Firefox). I dont have experience in webdesign so I didnt change anything on elastite source code (only linked to my images). I would be very thankfull if somebody could help. my site is: http://millangallery.com/gallery.html

Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>