Update the image slider with Hovering effect.

The multi image slider should be smoothly moving and on hovering mouse it should stop the slider movement. The hovered slider should have opacity more and other slider should have opacity lesser.

Solution:
Here, We add J-query for hovering effect.

<script>
        $(document).ready(function () {
            $('.column').hover(function () {
                $('.column').stop().fadeTo('fast', 0.3);
                $(this).stop().fadeTo('fast', 1);
            }, function () {
                $('.column').stop().fadeTo('fast', 1);
            });
        });
    </script>

Screenshot:

Leave a comment

Your email address will not be published. Required fields are marked *