Home Forums Add-ons Gallery Field Flexslider onClick event?


Flexslider onClick event?

  • Hi,

    I am using Flexslider with gallery plugin and I need the flexslider image to be clickable so that I can have the full size image open in lightbox onclick of the large image (not carousel).

    I can work out the lightbox and stuff, I just don’t know how to implement the onclick event. I’ve tried some examples on google but none seem to work, not sure if it’s a flexslider version issue.

    Flexslider support is thin on the ground, hence my post here.


    ACF Plugins:
    Custom Fields
    Gallery Field

  • Hi @danfloun,

    It might be that Flexislider is not bubbling the Javascript events like it should be.

    I would consider attaching the event to a wrapping element and use the context of the image. Eg:

    $('.my-slider-wrapper').on('click', '.img-class', function() {
    //Open the lightbox.
  • Hi,

    Can you be more specific how I would use that code?


  • Hi @danfloun,

    Sorry, I assumed that you had already attempted to attach an click event to the image and it was not working.

    This is not really in the scope of ACF support but I will do my best to help you out. On the page that you have the slider you will need to add some custom JavaScript that adds a click event to the image that will invoke the lightbox.

    Without knowing how you have setup your slider or lightbox can’t really give you the exact code, but it will be something like this:

    $(function() { 
      $('.slide-image-class').on('click', function() {
        //Fire the lighbox code.

    Hope this helps. 🙂

  • Hi, thanks.

    I’m using the exact example on advanced custom fields website on flex slider and act gallery. Here;

Viewing 6 posts - 1 through 6 (of 6 total)

The topic ‘Flexslider onClick event?’ is closed to new replies.