Focus on current slider #596

Activity

1. Mottie commented on Dec 19, 2013

   

   Mottie

   on Dec 19, 2013

   Contributor

   More actions

   Hi @Xxoxo!

   Your english is better than my French, so it's okay ;)

   I think the easiest solution would be to use a plugin like inview that detects when an element is visible within the browser window. Or if you have something already in place, you can use this code snippet to detect if the element (slider) is visible in the browser viewport.

   If the slider is visible, then make it active (demo)

   $(function () {
       $('#slider1, #slider2')
       .anythingSlider()
       .bind('inview', function (event, visible) {
           if (visible) {
               $(this).data('AnythingSlider').makeActive();
           }
       });
   });
2. Xxoxo commented on Dec 19, 2013

   

   Xxoxo

   on Dec 19, 2013

   Author

   More actions

   Thanks a lot @Mottie, that's exactly what I tried to do all my morning without success :)

   Solved !
3. Xxoxo

   closed this as completedon Dec 19, 2013