Image browsing experience enhancement

[EnterMan123]

Clear and concise description of the problem

添加以下功能以提升图片浏览体验和互动性：

1. 图片旋转、缩放比例控制、放大/缩小按钮、填充屏幕或合适尺寸：

• 图片的旋转功能
• 缩放比例控制
• 放大/缩小按钮
• 填充屏幕 或 恢复到合适尺寸 按钮

2. 隐藏右侧信息栏的按钮（在图片视图中）

添加一个类似于Twitter折叠侧边栏的功能，专注于内容。该行为将被记住，下次无需重复操作

3. 拖拽图片时鼠标指针替换成抓手样式

当图片被放大并且超出可显示范围时，鼠标指针应改变为抓手样式，增强辨识度，以清晰地提示用户可以拖动图片进行查看，提升使用体验

4. 显示上一个/下一个内容的预览（可选开启）

作为可选功能，启用后可以在一个图像合集内快速浏览前后内容的预览

5.mp4

5. 全屏预览模式

就像视频全屏一样，并且可以和第4点建议组合使用

Suggested solution

X

Alternative

No response

Additional context

No response

Validations

• Check that there isn't already an issue that request the same feature to avoid creating a duplicate.
• This issue is valid

[linear]

FOL-1654 图片浏览体验增强

[github-actions]

Bot detected the issue body's language is not English, translate it automatically. 👯👭🏻🧑‍🤝‍🧑👫🧑🏿‍🤝‍🧑🏻👩🏾‍🤝‍👨🏿👬🏿

---

Clear and concise description of the problem

Add the following features to improve image browsing experience and interactivity:

1. Picture rotation, zoom scale control, zoom in/out button, fill the screen or appropriate size:

• Image rotation function
• Scaling scale control
• Zoom in/out button
• Fill the screen or Restore to the appropriate size button

2. Hide the button on the right information bar (in picture view)

Add a feature similar to Twitter's collapsed sidebar, focusing on content. This behavior will be remembered without repeating the operation next time

3. Replace the mouse pointer with the gripper style when dragging the picture

When the image is enlarged and exceeded the displayable range, the mouse pointer should be changed to the gripper style to enhance recognition to clearly prompt the user to drag the image to view and improve the user experience

4. Show preview of the previous/next content (optional on)

As an optional feature, you can quickly browse previews of before and after content within an image collection after enabling it

5.mp4

5. Full screen preview mode

Just like full screen of video, it can be used in combination with point 4 suggestions

Suggested solution

X

Alternative

No response

Additional context

No response

Validations

• Check that there isn't already an issue that request the same feature to avoid creating a duplicate.
• This issue is valid