Hello Jim, I was recently referred to your channel by a friend, and I just wanted to express my appreciation for your tutorials. I'm from Coorg, India, and your clear, detailed explanations have made learning WordPress so much easier for me. Thank you for providing such valuable content-I'm really enjoying the learning process with your guidance!
Hello, Your tutorials are excellent and valuable. I appreciate your efforts in sharing your knowledge... Unfortunately, the JavaScript codes used in this tutorial are not functioning correctly. Please guide me on resolving this issue.
Hi Jim Fahad, Please update the codes snippet for the 3D - Gallery as the animation is not working properly, even if all the steps are done accurately the 3D - Effect is not achieved. I think its because of the new version of wordpress or the elementor. Hope You will rectify this issue and get a better solution for us. You are doing a great work and hope the best for 20K subs SOON :) 💖💖Love From India 💖💖
Hi Jim! That's an AMAZING effect!!! Thank you very much for this tutorial and I am looking forward to more content like this! I have one question! Ist there a possibility to stop the animation on hover?
Dear bro Fahad you make mind-blowing videos and I am learning much more from your channel.......Keep going it up...👍.....May Allah bless you with success......🥰🥰
I rarely made any comments publicly, but this is belong my image! So good that I without any experience of building a website or with any coding experience, can build such a cool presentation in my website! Thanks so much!!!!!
@@jimfahaddigital hi Jim, can you give me some advices here? I successfully built the 3-d rotating effect for my images, and I didn't change anything, but the effect is gone. Now, the images are still rotating, however, they're not rotating, as they did earlier, in a circle. Now all images are grouped in two sides and rotating in a 2-d effect. I am confident that I didn't change anything, and I just re-did this using the scripts, but it's still rotating in a 2-d effect. Now sure what happened, hope you can help. Thanks very much!
This is very COOL! Thank you for sharing. QUESTION... Would it be possible to pause the image rotation on mouse hover and expand the image (in Light Box) upon mouse click?
I also had the same problem and researched a little bit. Just use the following addition to the code right below where the animation duration is defined in the CSS Code: selector .elementor-widget-wrap{ /*Duration Control*/ animation: animate 25s linear infinite; } selector:hover .elementor-widget-wrap{ animation-play-state:paused; } Hope it helps.
Hi, what a great work bro! actually i want to know that i have applied this feature in my website it's looking great on desktop but for mobile view the animation gets stuck kindly give me solution for this i will be very thankful to you
Sir aise he testimonial ka bhe bata di gye means asa ho k jb dosra testimonial aie to wo blow hojae of bakey jo next or previous hai wo blur hogye testmonial means aise he 3d style mae
Hello sir! thanks for this amazing video! I have used it on my website, but the images are shown blurry, IDk why is that, if you please let me know why this happening
Nice effect. Anyone know how to adjust the scale of the effect? I think its a bit too small to use as a Hero-Section. A bigger version would be great. Cant really work out how to change scale
I love your tutorial but I cannot get it to work. I add the photos but there is no change after I add the 3D Image Slider JS. The photos remain as before. When I add the 3D Image Slider CSS I see only 1 image. When I add 3D Image Animation CSS The 1 image moves. The other images are not seen. Please what did I do wrong?
Bonjour, Je viens de tester ce carousel et moi aussi je ne vois qu'en seule image dans le résultat (pourtant j'en ai 4 dans wordpress), avez-vous trouvé une solution depuis. Par avance merci / Philippe.
First thanks for the tutorial. How to do that the animation starts when I click on the section. And also stops when click one more time. Is it possible? Now It's rotating continously.. I don't want to that. Could you please help me?
Is it possible to make this effect with wider images? For example the 200px X 200px images doesnt really fit me since the images I want to use are 16:9 in resolution. How do I make this work with like 300px with adn 200px height?
Can u do something like that if anyone hover over image it stops and when remove the cursor the slider starts again . It would be a great act of kindness for me 🙂
Hey Jim Sir, make long video on how to get client for Website Designing please please make video on this topic 🙏 Other wise this is website designing Skills Not usefull For All Students. Humble Suggestion For You, Thank You ❤️ Love You Sir
Thanks! I'll try. But I don't only create tutorials for those who want to work for clients. The majority of the people who watch my tutorials own their websites and want to improve their websites! :)
Hi Jim your elementor tutorials are awesome, I used to try all tutorials and learn a lot of things form them. Actually I am facing some problem with the above tutorial. If I add a single 3d gallery to my page it works fine, but when I duplicates the 3d gallery on the same page it doesn't work. Can you please make a tutorial/ Shots on how to add multiple 3d image gallery on a single page ? Hope You Will Help Me Out With This !! Love From India 💖💖
I've updated the JS code. Now multiple 3D sliders should work on a single Page. Use the latest 3D Image Slider JS from here: jimfahaddigital.com/tutorial/3d-rotating-image-gallery-using-elementor-wordpress-image-gallery/
@@jimfahaddigital Hi Jim Fahad, Please update the codes snippet for the 3D - Gallery as the animation is not working properly, even if all the steps are done accurately the 3D - Effect is not achieved. I think its because of the new version of wordpress or the elementor. Hope You will rectify this issue and get a better solution for us. You are doing a great work and hope the best for 20K subs SOON :) 💖💖Love From India 💖💖
@@jimfahaddigital Hi Jim Fahad, Please update the codes snippet for the 3D - Gallery as the animation is not working properly, even if all the steps are done accurately the 3D - Effect is not achieved. I think its because of the new version of wordpress or the elementor. Hope You will rectify this issue and get a better solution for us. You are doing a great work and hope the best for 20K subs SOON :) 💖💖Love From India 💖💖
HELLO, Brother, FIVER OR Upwork If you make a video, there will be many benefits for new Freelancer, Because I'm asking you, In my opinion For videos like this You are a very good mentor on youtube. Hope to come soon. Thank you
I've updated the JS code. Now multiple 3D sliders should work on a single Page. Use the latest 3D Image Slider JS from here: jimfahaddigital.com/tutorial/3d-rotating-image-gallery-using-elementor-wordpress-image-gallery/
I am having a problem with my sticky menu not working when I use this. Even if I delete the code from the section, it still doesn't work. Sticky menu only works if I delete the whole section that I use for the 3d gallery. Do you know what might be the problem?
the images do show up, however all in one block, they are not separated nor do they rotate in a 3d manner, they only rotate as one block (essentially doing a 360 as one whole row of images)
@@michaelgius6160 These tricks tutorials are super sensitive. You need to do exactly what I've done! If you do a mistake on any single point, it won't work. So Please do exactly what I have done step by step. If any code works for one, that would work for everyone in this world. If somehow it doesn't work - you need to understand you did the mistake. Keep trying. It will work for 100%. Thank you!!!
True!! The code is broken. Only 3 images rotating around the center image. I tried 2 to 3 times exactly similar to the video but still, it's happening. Please, stop wasting time.
@@jimfahaddigital Followed your instructions EXACTLY, but not working. I have the EXACT same issue as Michael Gius: only 3 of the 8 images show up, and they are rotating around together as one group. Problem happens in Chrome and Firefox. Update: Works fine in Safari on my iPhone, but not in Firefox or Chrome on my desktop.
This is a great tutorial, thanks Jim. Unfortunately, although I followed the tutorial step by step it didn't work for me, the 3D effect didn't work, and I didn't get the reflection effect.
You should explain us what the code does it was not helpful for me as i was seeking to learn something new so I can make my own concepts rather than copy pasting
I have made these slider...I have made 2 sliders for 2 products..The thing is, one works and the other one does not...I have changed the class name and rebuild it from scratch...I do not how to fix it...Can someone give me a hand here?
I've updated the JS code. Now multiple 3D sliders should work on a single Page. Use the latest *3D Image Slider JS* from here: jimfahaddigital.com/tutorial/3d-rotating-image-gallery-using-elementor-wordpress-image-gallery/
🔥Download Exclusive Elementor Templates: kitpapa.com 🔥
Jim, very goooood work - but it doesnt work for container on the new elementor Pro - please can you make a renew for container?
2nd this.
Hello Jim, I was recently referred to your channel by a friend, and I just wanted to express my appreciation for your tutorials. I'm from Coorg, India, and your clear, detailed explanations have made learning WordPress so much easier for me. Thank you for providing such valuable content-I'm really enjoying the learning process with your guidance!
Awesome, thank you! 🔥🔥❤️❤️
Loved it 😊...Thanks for your guidance
Dear jim, I love your content. I'm learning so many things from you. Please upload more interesting video like this.👍😍
My friend, you are an artist!!! Cheers from Uruguay
Brother you are amazing!!!!! I REALLY LIKE YOUR WORK YOU ARE MY TEACHER
This was spectacular ,Jim can you make a video on how to compress images(image optimization) to increase website speed
Hello,
Your tutorials are excellent and valuable. I appreciate your efforts in sharing your knowledge... Unfortunately, the JavaScript codes used in this tutorial are not functioning correctly. Please guide me on resolving this issue.
Hi Jim Fahad, Please update the codes snippet for the 3D - Gallery as the animation is not working properly, even if all the steps are done accurately the 3D - Effect is not achieved. I think its because of the new version of wordpress or the elementor.
Hope You will rectify this issue and get a better solution for us. You are doing a great work and hope the best for 20K subs SOON :)
💖💖Love From India 💖💖
Hi Jim! That's an AMAZING effect!!! Thank you very much for this tutorial and I am looking forward to more content like this!
I have one question! Ist there a possibility to stop the animation on hover?
Great content! how does this change with CSS now that Elemento uses containers instead of Sections? Are the selectors the same?
props to you!! you help A LOT love your videos!!
As always Thank you Jim for your sharings!
Hi Jim, Does this 3D rotating gallery work with the new flexbox containers?
dear Fahad
my images are displaying in the left side of the page extreme Left Side , I am using the Wordpress version 6.1
still waiting for your reply
Thank you for this, Jim !! It is really awesome, great work. 👍🏻
Many thanks! Means a lot!! 😇
Finally broo, yu are great done 😁👍
Love it. Worked and it's great, thank you VERY much!
I admire your work Jim.
This is really nice! Thanks for the tutorial!
You are a king... Real King...
Спасибо большое! все получилось и очень круто смотрится)))
You are Elementor Pro expert🔥🔥 Just upload more & more video for us brother😍
AMAZING effect. Merci beaucoup Jim
This is insanley good and for free wow man ur sick
Thanks you soo much bro it really works ❤
Stunning! Thank you so much! 😍😍
i failed to find the snip in please help me with a link
Hi Thank you for generosity and time in providing informations in such a easy way
Means a lot!! Thanks a billion for the appreciation!! 😍😇
Dear bro Fahad you make mind-blowing videos and I am learning much more from your channel.......Keep going it up...👍.....May Allah bless you with success......🥰🥰
I rarely made any comments publicly, but this is belong my image! So good that I without any experience of building a website or with any coding experience, can build such a cool presentation in my website! Thanks so much!!!!!
Fantastic! Thanks for sharing!! 🔥🙌
@@jimfahaddigital hi Jim, can you give me some advices here? I successfully built the 3-d rotating effect for my images, and I didn't change anything, but the effect is gone. Now, the images are still rotating, however, they're not rotating, as they did earlier, in a circle. Now all images are grouped in two sides and rotating in a 2-d effect. I am confident that I didn't change anything, and I just re-did this using the scripts, but it's still rotating in a 2-d effect. Now sure what happened, hope you can help. Thanks very much!
Hello Jim. Will you do this for elementor flex box
Can you make this tutorial for people who dont have money to pay for elementor pro, some alternative ways? Thx man big support
Any chance to create it on WPbakery Page Builder?
Hi Jim, Thanks a lot for your video,
Love it, but when i insert the css, i do not get the reflection, am i doing something wrong?
good ya fahad
Good job Mister Jahad really nice
Vey good video. But i dont have elemanter pro . I tryed in customised css but some problems
why it's not working with the new version of elementor pro? How can i fix it ?
Doesn’t work on updated version of Elementor pro (version 3.11.3) ☹️
Cool Jim! Anyway, is it possible to put as many images as we want?
hey Jim. does it work with flexbox too?
This man is genius
why isnt there a tut for flexbox containers😥
Is it possible to add light box to click on an image?
This is very COOL! Thank you for sharing. QUESTION... Would it be possible to pause the image rotation on mouse hover and expand the image (in Light Box) upon mouse click?
Possible! Maybe I'll add those options into the next version! Thank you so much for the idea! 😇😇
@@jimfahaddigital yes I would need this to, plus add some feature that users interact with it hover, move it etc.. then it's a useful not just pretty
When Jim please? 😊
Please add the feature for mouse hover and pause! Thank you for all your amazing tutorials! 🙌🏻
I also had the same problem and researched a little bit. Just use the following addition to the code right below where the animation duration is defined in the CSS Code:
selector .elementor-widget-wrap{
/*Duration Control*/
animation: animate 25s linear infinite;
}
selector:hover .elementor-widget-wrap{
animation-play-state:paused;
}
Hope it helps.
How to stop animation on hover?
Sir i have activated flex control
And this effect or code is not working on flexbox container
Pls help what to do
Hi, what a great work bro! actually i want to know that i have applied this feature in my website it's looking great on desktop but for mobile view the animation gets stuck kindly give me solution for this i will be very thankful to you
Cool done bro once again.
This is awesome effect. I made it also. But can you make the image larger as it's too small.
Sir aise he testimonial ka bhe bata di gye means asa ho k jb dosra testimonial aie to wo blow hojae of bakey jo next or previous hai wo blur hogye testmonial means aise he 3d style mae
Hello sir! thanks for this amazing video! I have used it on my website, but the images are shown blurry, IDk why is that, if you please let me know why this happening
I love it ... Thank you
Nice effect. Anyone know how to adjust the scale of the effect? I think its a bit too small to use as a Hero-Section. A bigger version would be great. Cant really work out how to change scale
I love your tutorial but I cannot get it to work. I add the photos but there is no change after I add the 3D Image Slider JS. The photos remain as before. When I add the 3D Image Slider CSS I see only 1 image. When I add 3D Image Animation CSS The 1 image moves. The other images are not seen. Please what did I do wrong?
Bonjour, Je viens de tester ce carousel et moi aussi je ne vois qu'en seule image dans le résultat (pourtant j'en ai 4 dans wordpress), avez-vous trouvé une solution depuis. Par avance merci / Philippe.
Hey! I have one question! Ist there a possibility to Rotate animation to the other side?
Great, thanks!
First thanks for the tutorial. How to do that the animation starts when I click on the section. And also stops when click one more time. Is it possible? Now It's rotating continously.. I don't want to that. Could you please help me?
great work love it
Super🎉
Hey, jim whenever I'm using this code, the images gets a little blurred like the quality of images does not look good, is there any solution for that?
very very good
what will happen if I add 20 images instead of 10?
Great People Great work.
Is it possible to make this effect with wider images? For example the 200px X 200px images doesnt really fit me since the images I want to use are 16:9 in resolution. How do I make this work with like 300px with adn 200px height?
did you find a solution for that?
Amazing!!
Can u do something like that if anyone hover over image it stops and when remove the cursor the slider starts again . It would be a great act of kindness for me 🙂
Can this work with containers
Hello Sir, how can I be a such master of JavaScript and CSS that I can achieve any of the design work of my own?
Hey Jim Sir, make long video on how to get client for Website Designing please please make video on this topic 🙏
Other wise this is website designing Skills Not usefull For All Students.
Humble Suggestion For You,
Thank You ❤️ Love You Sir
Thanks! I'll try. But I don't only create tutorials for those who want to work for clients. The majority of the people who watch my tutorials own their websites and want to improve their websites! :)
@@jimfahaddigital*but, sir please make video on how to get client for Website Designing 🙏*
@@abhibabar01 I'll try! Maybe after this month! :)
Hi Jim your elementor tutorials are awesome, I used to try all tutorials and learn a lot of things form them. Actually I am facing some problem with the above tutorial. If I add a single 3d gallery to my page it works fine, but when I duplicates the 3d gallery on the same page it doesn't work.
Can you please make a tutorial/ Shots on how to add multiple 3d image gallery on a single page ?
Hope You Will Help Me Out With This !!
Love From India 💖💖
I've updated the JS code. Now multiple 3D sliders should work on a single Page.
Use the latest 3D Image Slider JS from here:
jimfahaddigital.com/tutorial/3d-rotating-image-gallery-using-elementor-wordpress-image-gallery/
@@jimfahaddigital Thanks a lot Jim, It really worked. You the best and hope you reach 10k subs soon.
Love From India 💖💖
@@jimfahaddigital Hi Jim Fahad, Please update the codes snippet for the 3D - Gallery as the animation is not working properly, even if all the steps are done accurately the 3D - Effect is not achieved. I think its because of the new version of wordpress or the elementor.
Hope You will rectify this issue and get a better solution for us. You are doing a great work and hope the best for 20K subs SOON :)
💖💖Love From India 💖💖
@@jimfahaddigital Hi Jim Fahad, Please update the codes snippet for the 3D - Gallery as the animation is not working properly, even if all the steps are done accurately the 3D - Effect is not achieved. I think its because of the new version of wordpress or the elementor.
Hope You will rectify this issue and get a better solution for us. You are doing a great work and hope the best for 20K subs SOON :)
💖💖Love From India 💖💖
HELLO, Brother, FIVER OR Upwork If you make a video, there will be many benefits for new Freelancer, Because I'm asking you, In my opinion For videos like this You are a very good mentor on youtube.
Hope to come soon.
Thank you
Just ❤️❤️❤️
Excellent, but it doesn't work with the new elementor pro :(
Nice effect.i thought it is not working but it is just a browser display glitch.the effect is not displaying properly in firefox
Not working for me in Firefox nor Chrome!
Has anyone found out how to make this work with containers? Thanks!
Who can downlode images bro i cannot receive any mails bro....!!!!
I have also not receiving the images from email
Thanks a lot.
My want still remain How to write this codes on JS and CSS
awsome
You are good man 1 have problem if i copy this my slider cant show picture
I've updated the JS code. Now multiple 3D sliders should work on a single Page.
Use the latest 3D Image Slider JS from here:
jimfahaddigital.com/tutorial/3d-rotating-image-gallery-using-elementor-wordpress-image-gallery/
I am having a problem with my sticky menu not working when I use this. Even if I delete the code from the section, it still doesn't work. Sticky menu only works if I delete the whole section that I use for the 3d gallery. Do you know what might be the problem?
How can I enlarge the size of the images?
Its working in dekstop but not in mobile. pls help
Not all heroes wear capes.
It doesn't work for the new Elementor version :(
code is broken, images display with grey lines after css code is implemented, whys that?
the images do show up, however all in one block, they are not separated nor do they rotate in a 3d manner, they only rotate as one block (essentially doing a 360 as one whole row of images)
@@michaelgius6160 These tricks tutorials are super sensitive. You need to do exactly what I've done! If you do a mistake on any single point, it won't work. So Please do exactly what I have done step by step.
If any code works for one, that would work for everyone in this world. If somehow it doesn't work - you need to understand you did the mistake. Keep trying. It will work for 100%.
Thank you!!!
True!! The code is broken. Only 3 images rotating around the center image. I tried 2 to 3 times exactly similar to the video but still, it's happening. Please, stop wasting time.
@@jimfahaddigital Followed your instructions EXACTLY, but not working. I have the EXACT same issue as Michael Gius: only 3 of the 8 images show up, and they are rotating around together as one group. Problem happens in Chrome and Firefox. Update: Works fine in Safari on my iPhone, but not in Firefox or Chrome on my desktop.
@@jimfahaddigital same prob sir, i think the`re something wrong on the code
not working bro..
css code is not working
we have only 3 images showing in gallery
Appears to be a browser issue with Firefox and Chrome, because it does work fine in Safari on my iPhone!
This is a great tutorial, thanks Jim. Unfortunately, although I followed the tutorial step by step it didn't work for me, the 3D effect didn't work, and I didn't get the reflection effect.
same
its working but my image blur
Bro ❤️👈
You should explain us what the code does it was not helpful for me as i was seeking to learn something new so I can make my own concepts rather than copy pasting
I have made these slider...I have made 2 sliders for 2 products..The thing is, one works and the other one does not...I have changed the class name and rebuild it from scratch...I do not how to fix it...Can someone give me a hand here?
I've updated the JS code. Now multiple 3D sliders should work on a single Page.
Use the latest *3D Image Slider JS* from here:
jimfahaddigital.com/tutorial/3d-rotating-image-gallery-using-elementor-wordpress-image-gallery/
@@jimfahaddigital That Is great...Do I need to change anything apart from class name?
@@kyshtok1 You don't need to change anything... Just duplicate the Slider section and replace the images with new images!
@@jimfahaddigital have tried but still doesn't work :(
@@kyshtok1 After duplicating the section, click on the "Update" button! Then refresh the page! It should work! :)
Dont work with container.
Ca na pas marché 😢
Yeah, Its not working anymore.
AMR AMON ASE NA KANO PLEAE HELP ME Jim Fahad Digital