E-Commerce Product Page - Mobile First | Vanilla JS and CSS
Design comparison
Solution retrospective
I really don't know how to do the light box without repeat all the carousel with Vanilla CSS and Vanilla JS, By proxy I could do it, but I would not like to see the result, I am already quite uncomfortable with the normal JS result.
PD: Sorry if I write something wrong, English is not my native language.
Community feedback
- @ohermans1Posted over 2 years ago
Looking Awesome!
For my carousel I just used a counter, that went up as you clicked right and down as you clicked left. I then used this to create the file name. For instance, if you were on image 2, the file name would be "image-product-" + counter + ".jpg". Each time you clicked, it would change to a new file name :) - Not sure if this is the best solution, but its an idea
0
Please log in to post a comment
Log in with GitHub
Join our Discord community
Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!
Join our Discord