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!

This article was written by Francois View Profile
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.
Twitter | Facebook

15 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

  11. pedro May 21, 2014 at 1:30 pm

    Hi there I love this plugin, at the moment i’m using on an HTML microsite, and integrating the website into WordPress, i’m having difficulties in the integration process as it calls the images manualy, what i want to do is to be able to add the images as a featured image post or as a gallery.

    If you guys could help on that will be much appreciated, will also consider a donation for the wordpress plugin development.

    1. Francois May 21, 2014 at 1:34 pm

      Hi Pedro,

      Why don’t you just pull the post’s featured image using wordpress code? Sorry, are you looking for the code that pulls in the featured image?

      Thanks

      Francois

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>