Make this 3D Curved Image Slider/Carousel in Elementor | WordPress Cool Auto Sliding Image Gallery
ฝัง
- เผยแพร่เมื่อ 8 ก.พ. 2025
- In this tutorial, I'll show you how to make this 3D Curved Image Slider/Carousel in Elementor and create WordPress Cool Auto Sliding Image Gallery.
✅Get Elementor Pro:
makedreamwebsi...
✅Get code snippet for ...:
makedreamwebsi...
✅Get this as Ready Template (✨1 CLICK INSTALL✨):
templatish.com...
Today, I will show you how to make Elementor curved slider on your WordPress website. Here, the is the auto sliding image carousel from right to the left side with a smooth curve shape which looks really cool.
If you want, you can also get this 3D image gallery as a ready made template from my template shop. And you'll get 2 different versions (auto sliding and with controls) and inside each of them you also get both the container and section/column versions. But, if you don't want these ready template, you can also start it from scratch.
First, you need to take a container and inside it place your content like heading, button widgets etc. Let's take another inner container and inside that you need a Basic Galley widget from where you can upload your photos.
But, before uploading, you need to make your photos square size. You can make it easily by Photoshop or other photo editing software.
Let's hide the Basic Gallery widget and add the custom JavaScript code to make the cool curved carousel. You can also extend the class name to edit some options like: speed, gap, direction etc. Lastly, we make it responsive for the tablet and mobile devices.
So, that's how you can make this creative and advanced 3D slider on your WordPress website. If you enjoy this, and want more GSAP, WebGL or Shaders related video, don't forget to like and subscribe.
Looking sooo cool! Thank you man, keep uploading amazing designs and inspirations🌻🙏
You’re welcome!
Great job and many thanks for sharing yours skills [and the "Code Snippet"] !
You’re welcome!
Hi !
I am a beginner to learn WordPress...after completing my course I search different tutorials on TH-cam but today I am glad to find you out...your videos are less but too good work...I will follow your guidance from tomorrow..then I will tell you how my experience was...
Make more interesting tutorials with innovations...I want to earn by this skill but want to polish it first..please help me by making more tutorials..
I would be thankful
You’re welcome!
@MakeDreamWebsite ❤
Planning to build a website soon, it will be like a blog with some affiliate links, product reviews etc. I have absolutely zero experience so I have been researching and absorbing as much information as I can recently. This is how I came across your channel and website and I have to say they look great and I think they will be able to help me out.
Glad to hear that!
Amazing Slider. Thank you
@@pixelgap You’re welcome!
Firstly thank you so much for the tutorial, but I am facing some issues after publishing the page when I see it on Incognito, i can't see the gallery
Can you please email me. I’ll have a look
@@MakeDreamWebsitecan i get your email please
@@MakeDreamWebsite can you please share me your email sir
beautifull. great
@@PassionN-o6m thanks
Thank you!
Welcome
Great ! Thanks , the pictures appear with low quality is there something i missed ?
Can you please upload high quality image
@ i fixed it thank you , i didn’t put resolution to full
@@joulaybib8269 Ahh.. got it!
Thank you for this increadible tutorial, however I have run into issues that when viewed using safari the images nor the animation doesn't show up. Do you have a solution for this. Thanks in advance
Sir, my website is not working properly, or the image slider is not visible at all. I have watched your video three times.
@@abubakersaddiuqe3129 can you please email me your page link?
Hi, great tutorial, you make everything look easy. Wondering here, is it possible to make immages clickable to new page? As these images been as portfolio thumbnail.
Great ❤🔥
Record more GSAP tutorial please 😇
Thanks!
I love it, bought it, but the gallery images cover the background on widescreen, any fix?
You can reduce the curveness to make the background more visible. You can find the curve option at the top of custom code.
Hi, first of all, an excellent video and tutorial. Second, is it possible to make each picture as items to click on hover which takes you to a different page? (basically add hyperlink to each pic)
Thank you. No, this won't support link.
Thank you for your good teaching🙏, I have a question, can I click on these pictures and enter another part of the site?
Hi, I also tried the make that link option when I created it. And it works! But, when you click on the curved portion (up and down) of the link it didn’t work. So, I finally removed that link option.
@@MakeDreamWebsite Thank you sir
sir, my website is not working properly, or the image slider is not visible at all. I have watched your video many times.
Can you please email me?
Hey! I just purchased it, but Can't I put link to each project so when someone clicks on any image from slider, that projects opens up in new tab (project page)? as this is gallery, I'm, not able to add separate link to each project in each image, any way to do it?! please
Hi, I also tried the make that link option when I created it. And it works! But, when you click on the curved portion (up and down) of the link it didn’t work. So, I finally removed that link option.
Can I add other things to the page, or it has to be the slider, headline, and button only? To me, this works only when logged in. When logged out, the images don't load, and the slider shows white boxes.
@@su812ny yes you can add other elements too… like the heading or button.
How Can I Make This Work On Innersection Or In The Section Not In Container
You can do that easily. Just make the headings, buttons width inline. I have also added the section/column version with my ready template.
Its working in my PC version but in mobile version its not working
the code doesnt work
You can make a video: when you scroll down, the video will zoom out or click on a box to launch the video player.
@@huylamnguyen3293 noted!
What Screen Recorder are you using?
I’m using Camtasia
Is it possible to put a link on the Images?
No, you can't put link with these images...
Worked like a charm!
👌👌
why the galerie is in de background?
You can increase the gallery zindex to bring it front
This site can’t provide a secure connection. why show this text your website? please give me java script snippet . love form bangladesh
Okay, I'll fix the issue and let you know
saw 3 times and followed steps well
images not showing at all.
Can you please email me?
Is this mobile friendly
Yes, it is
If you have watched the video … you would know this … without asking 😅😂 kr
bro plz upload gsap tutorials
Yes, I’ll make my next video using GSAP
First view
🙌🙌
@MakeDreamWebsite 🙇♂️
side name plz bro
You can check it in the video description
Thank you!
You’re welcome!
code didnt work