Ask for a picture effect. Please give me a detailed answer, thank you! ! This post was posted in the JS section but there was no result. _html/css_WEB-ITnose

Image scrolling and image transposition

As shown in the picture, click on the left and right arrows to move the image as a whole. There are two styles of arrows, one is the normal state and the other is the state of clicking and placing the mouse on it. The arrows on the thumbnail are used to change the position of the picture. Clicking the left arrow will move it one position to the left. Clicking the right arrow will move it one position to the right. Each thumbnail has this effect. Thanks! ! !

Attach the JS section address http://bbs.csdn.net/topics/390412901?page=1#post-394108729
Answer here and then answer there. I'll give points to both sides if it works.

Reply to the discussion (solution)

Click on the left of the entire ul minus the width of one li
Click on the left of the entire ul on the right plus the width of one li
Is that what you mean?

Isn’t this part of the carousel?
You can see examples by clicking on the carousel on Baidu.

There are two effects. One effect is that the outermost image can be moved left and right.
Another effect is that after placing the mouse on the picture, the black area below will pop out - you can move the position left and right and delete it.

What does the left and right movement position of the second effect mean?
Moving the position of the picture
Or is it the effect of a magnifying glass?

Move the position of the picture

Oh, the first one has the same effect as the second one
What else don’t you understand about this?

I wrote one based on your picture, go here to download: Image scrolling switch position jquery plug-in