Hello everyone!
I am here with new feature that developed recently. we added a smooth and user friendly image preview feature in SteemX. When users click on an image, a popover modal will preview to see image in high quality, Image can be zoom in/out and even move it around by just hovering with the cursor.
Website Link: https://steemx.org/
Why It is Necessary
In many posts, users share screenshots, charts, or text-based images. These often contain small details that are hard to see with a regular image preview. To solve this, we built a better preview system. Lets see images clearly and in high resolution
- Zoom in to see small details
- Move around easily without dragging or scrolling
 |  |
|---|
When a user clicks an image, a popover modal opens in the center of the screen. This modal is dark in the background, so the image is the main focus. We used a smooth animation for a better experience. Inside the modal, image will load in full quality.
We added a slider below the image to allow users to zoom in and out. You can slide left to zoom out or slide right to zoom in.
Here is interesting part.
This is the fun part. When user hover mouse over the image and move the cursor, the image automatically scrolls in that direction. This helps users explore zoomed-in parts of the image without dragging or clicking.
I am thrilled to keep pushing new features that enhance your experience on SteemX. More updates are on the way.
Please share your thoughts and suggestions on it. User Experience is valuable for us to improve SteemX in the future. Thank you for being a part of this journey. Stay tuned for more updates 😊.
Technology Stack
To develop STEEMX, I am using Next.js with TypeScript. Subjected language will help to develop the modern and efficient experience that the Steemit users deserves.
Support @bountyking5 Witness
Your support is required for bountyking5 witness, a dedicated witness who has been instrumental in supporting STEEMX and other ongoing projects in the Steemit ecosystem. Please consider to casting your witness vote.
Please join our new puss project. Puss is the first native coin on steemit blockchain. Join us and buy it for long term.
Please cast your witness Vote to bountyking5
Blockchain SteemX Core Developer
Follow | Upvote | Share | Comments
Cc: @rme
@steemchiller
@pennsif
@steemcurator01
@e-r-k-a-n
🆃🅷🅰🅽🅺 🆈🅾🆄