How to alternately change the visibility of a div or change the src of an image?

Question

JavaScript

There is a block with goods. When you hover over it, you need to change the pictures cyclically (5-10 pieces). How to implement it?

Answer 1

Move some elements with pictures, or change their transparency, or change src, or take a ready-made slider. ( the first list of sliders that came across )

Answer 2

$('#my_image').on({
    'click': function(){
        $('#my_image').attr('src','second.jpg');
    }
});

instead of clicking, you can also use mouseover and so on