Improve images in Project Details

angost / Portfolio-Website

0 stars 0 forks source link

Improve images in Project Details #16

Closed angost closed 3 months ago

angost commented 4 months ago

[x] Improve image navigation
- [ ] Add carousel indicators which enable navigation
- [ ] Allow side controls navigation
- [x] Allow arrow navigation
[x] Implement clicking on image to enlarge it (to fullscreen/just enlarging)

angost commented 4 months ago

Many interactions with the same element, carefully plan it

angost commented 4 months ago

There where some issues while adding side naigation arrows. Image did not fit the whole area of the Carousel. It was somehow connected with Carousel aspect ratio, changing it from 16/9 to 16/16. A potential solution might also be setting aspect ratio depending on the images displayed (eg. set ratio/width of the biggest image) instead it being 16/9 no matter the image ratios.