Expected duration: less than 1 week I'm looking someone to support me in the build a carrousel slider using pure JS, no jquery.
So you can get the idea that I'm trying to do at:
https://codepen.io/ggtoast/pen/gOPZZpR
I'm using the js siema https://pawelgrzybek.github.io/siema/#example
but I can't get that i need it.
You can use it or not but I need build something this (only the product carrousel): https://www.spreadshirt.es/shop/design/spider+pianist+camiseta+premium+nino-D5d662488e44742618e181033?sellable=dYdLYQj4lAT5yE2Ovb24-814-9&view=2
Specifications:
1. Thumb images displayed to the right of the main image and the product image max size 520 px x 520 px
2. Scrolling arrows appears if there are more than 3 images used to slide the carrousel to see the hidden images. At mobile I need dots nav at bottom.
3. Between mobile and desktop If not have too much work, can show two images and dots navigation like as spreadshirt example.
Important: At mobile will be slide using touch gestures
4. The thumb nav hace hover border 1px and the selected (can be begin with the 1st image)
5. The arrows will be appear when the vertical thumb nav is overflow.
Please animate the vertical thumb nav when click up and down arrow. Use scss, pure JS, if you see to use the siema plugin for work less you can use it, no framework need it, use the prefix js- for id or classname that are using in the javascript code, for the css class y using prefix c-pdp and if you can leave some comments at the code.
I'm not in a hurry but I need it later than next Monday or tell me.