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:
