Control slider individually

Viewing 2 replies - 1 through 2 (of 2 total)
  • jthunter24

    (@jthunter24)

    Did you ever get this to work individually… I’m trying to figure out how to do this as well.

    If you’re still interested in a solution than i might got something.

    in functions.php register jquery file

    add_action('wp_enqueue_scripts','jquery');
function jquery() {
  wp_register_script('jquery', 'https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js', true);
  wp_enqueue_script('jquery');
}

    next go to plugin folder and in the before-after-image-slider.php

    delete the following content:

    line 24 – 31

      ?>
  <script type="text/javascript">
  jQuery(document).ready(function($){
  $('.ba-slider').beforeAfter();
  });
  </script>

  <?php

    and at last in folder js modify the before-after.min.js

    Copy the code from the JS part from the codepen demo:

    https://codepen.io/bamf/pen/jEpxOX

    tried it and worked. can now slide through multiple images and the slider recognizes each seperately

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Control slider individually’ is closed to new replies.