If you encounter an error that you cannot zoom an image in a certain browser, just add the pointer-events: none attribute to the #imageZoom::after element in CSS, all problems will be solved.❤
Don't forget to like, subscribe to the channel and leave a comment to share with each other, who knows, maybe it will become the topic for the next video.
Hey. Thanks a lot for the great video. I learned a lot. I have one issue though. I use Chrome on a Mac. When I use the mouse coursor and go quickly onto the picture, the zoom effect does not happen, only when I go slowly over the page?! I think this is very weird.
In actual ecom websites, you don't zoom into the original image like that. Instead you have a higher resolution image in a separate container which you zoom into. Rest of the high level logic is the same
Hi, it was really great, but unfortunately, I wrote all the codes and it didn't work, and my problem is that when I move the mouse over my photo, my photo turns black.can you guid me? thanks
If you encounter an error that you cannot zoom an image in a certain browser, just add the pointer-events: none attribute to the #imageZoom::after element in CSS, all problems will be solved.❤
Thanks! But I'm curious... Why this give us a problem??
@@normanejmi think bc its get offset position of after image and idk some browsers dont know how to understand this
Don't forget to like, subscribe to the channel and leave a comment to share with each other, who knows, maybe it will become the topic for the next video.
SO much love and respect to you brother
you just saved my day
I've been stuck on this for 4 days 😅😅😅😅😅😅
Never thought MrBeast would be teaching me how to code lol. Great vid!
i have watched some videos too much long but they are not explaining the code finally a short video with only the main topic Thank you
Nice tutorial for zoom effect
أسلوب رائع في الشرح استمر
شكراا
Best explain ever in my whole life🎉
Your explanation is awesome, brother. I especially appreciate the way you explain mathematical calculations.
Because I think these are the most confusing steps, I tried to explain more clearly 😍
its fancy bro thanks
your good in this bro i want to become as you
I faced the problem of creating a zoom component, so I had to use Canva, which is more complicated! If I had seen this video then...
Great Video man! Saved my day! Anyway, i want to know how to apply this on page multiple images? Please guide me! 🙏🏽❤
can never go wrong
😍😍
thx
Great content ❤
Thank you ❤️❤️
Can you please make a new add to cart checkout with detail !
Hey. Thanks a lot for the great video. I learned a lot. I have one issue though. I use Chrome on a Mac. When I use the mouse coursor and go quickly onto the picture, the zoom effect does not happen, only when I go slowly over the page?! I think this is very weird.
Hi, In your case, add pointer-events: none to the ::after element in CSS ❤️❤️
@@lundeveloper Thanks a lot for your quick reply. This fixed it !!! :)
In actual ecom websites, you don't zoom into the original image like that. Instead you have a higher resolution image in a separate container which you zoom into. Rest of the high level logic is the same
Hi, it was really great, but unfortunately, I wrote all the codes and it didn't work, and my problem is that when I move the mouse over my photo, my photo turns black.can you guid me? thanks
Try to copy his code from the source code he has provided then check if it's working or not
If it's working simply compare your code with actual code