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
