Desktop Image gallery with thumbnails - React.js
Budget: £20 – £250 GBP
I require a Desktop Image Gallery with thumbnails that will be built using React.js hooks.
The following page is an example of how I would like the Image Gallery and thumbnails to function on Desktop: https://rigouts.co.uk/collections/winter-jackets/products/mountain-equipment-mens-earthrise-hooded-jacket
I have used React Swiper in the past to build image galleries with thumbnails, but these have been swipers which use ‘slidesPerView’, rather than a continuous scrollable column image gallery.
What is required:
- When you scroll down the page, the image gallery will move vertically with the thumbnail images matching up with the larger main image.
- When you click on a thumbnail, the page will scroll to the correct larger main image.
- The thumbnails on the left, and the Text / Dummy content on the right will both stay sticky on the page until the user has scrolled to the bottom of the image gallery. The dummy content can be whatever you like as it’s not important.
Please also do not worry about adding a larger / zoomed version of the image once the main image has been clicked on.
Please also do not worry about mobile devices. Only Desktop is needed.
The following page is an example of how I would like the Image Gallery and thumbnails to function on Desktop: https://rigouts.co.uk/collections/winter-jackets/products/mountain-equipment-mens-earthrise-hooded-jacket
I have used React Swiper in the past to build image galleries with thumbnails, but these have been swipers which use ‘slidesPerView’, rather than a continuous scrollable column image gallery.
What is required:
- When you scroll down the page, the image gallery will move vertically with the thumbnail images matching up with the larger main image.
- When you click on a thumbnail, the page will scroll to the correct larger main image.
- The thumbnails on the left, and the Text / Dummy content on the right will both stay sticky on the page until the user has scrolled to the bottom of the image gallery. The dummy content can be whatever you like as it’s not important.
Please also do not worry about adding a larger / zoomed version of the image once the main image has been clicked on.
Please also do not worry about mobile devices. Only Desktop is needed.