Responsive Owl-carousel Slider using HTML CSS & jQuery
HTML-код
- Опубликовано: 27 ноя 2024
- Responsive Owl-carousel Slider using HTML CSS & jQuery
Don't forget to watch this also :
Owl-carousel Card Slider - • Owl-carousel Cards Sli...
Download Codes From Here - www.codingnepa...
My Code Editor - • Best Text Editor for H...
Facebook - / coding.np
Instagram - / coding.np
Music Credit:
Track: BEAUZ & JVNA - Crazy [NCS Release]
Music provided by NoCopyrightSounds.
➤ Watch: • BEAUZ & JVNA - Crazy |...
Track: Lost Sky - Dreams pt. II (feat. Sara Skinner) [NCS Release]
Music provided by NoCopyrightSounds.
➤ Watch: • Lost Sky - Dreams pt. ...
Levianth & Axol - Remember (feat. The Tech Thieves) [NCS Release]
Music provided by NoCopyrightSounds.
➤ Watch: • Levianth & Axol - Reme...
Wow That is amazing video, I like it😎😎😎
Thank you 💙😁
Genial! Lo que uno necesita cuando quiere hacer un slider! sin nada de relleno. Muchas Gracias!
thanks a lot sir . love from bangladesh
Thank you so much .. you solved my problem
Happy to help
Thanks Bro, it was helpfull 💚
Nice loved it
Thank you 💙😁
Can I show you my channel? I mean if you grant I'll give you my chennal link ,it's ok if you refuse.
You can send me on Instagram - instagram.com/coding.np
at last i found a real and nice video
Cool, thanks!
Thanks bro.you are good.very very thanks brooo
You're welcome bro 💙
Thank you so much. Helped me alot.
Awesome Work Dude
Thank you 💙😁
Awesome bro..
Thank you bro 💙😁
Thank you very much brother, really informative video
Glad it was helpful!
Ótimo vídeo parabéns 👏.
Great video... Sir plz add voice in video
😲😲😲so awesone
Thank you 💙😁
thanks a lot sir .
amazing Thanks a lot! btw did you create "owl-dots" and "owl-dot" class only with css ?
Actually I use jQuery plugin and in this plugin these class are already created in html file.
@@CodingNepal I am actually not sure about the same thing there. Is the plugin already embedded in the cdn or are there any other resources ?
How can i add arrow buttons to move that slider left or right
sir when I applying these codes in my website its not applying properly and slider is not working and any css is also not working . It maybe of online link or owl plugins because I downloaded one code also in which i have applied ur online link . Pls help iam working on my website .
It's an online link of owl carousel so you must connected to the Internet.
@@CodingNepal iam connected with internet sir
@@CodingNepal sir I have messaged on insta with footballer_prag Pls check it kindly
@@prag4u896 it wont work correctly if you just stick nepals code into your existing code. Because the sizes and all gets messed up after navbar and content , check the sizes and all . if you wanna see it working create a new window and then you can figure out whats the problem
@@noctis8487 done bro 🥰
very good
Thank you 💙😁
Thanks bro
Bro listen , i made your responive navbar + carousel and now the carousel is overlapping the navbar when it is turned to mobile view. The order of the scripts and links is correct.
Please help 🥺🆘
thanks brother :)
You're welcome!
Thanks a lot lot lot
Thanks
You're welcome 💙😁
thank
You're welcome 💙😁
Sir kya aap mere is question ka answer dai saktai hai
Quest yah hai ki
Mainai section ko ek id diya heading aur is id ko mainai css file mai background image property use kr raha hu to work nhi kr raha hai
Aur mainai asai likha hai
#heading{
background-image: url(images/background.png)
}Not working sir please batao kyu
Height width bhi do agar nahin hua toh Instagram pe contact karo - instagram.com/coding.np
@@CodingNepal ok sir
Sir abhi tak aapka instagram pr koi reply nhi mila hai
Syntax Wrong hai after property " ; " this is missing , otherwise ,
Url path galt diya hoga😅
@encounter devil Meh abhi insta pe active nahin hu jab honga tab reply dedunga.
10Q U so much
Great video! how can i put a model inside cards ?
How can you preview your Html? I tried live server with HTML preview extensions but it only reads my index.html
download live server in vs code
live server is its own module. Alternatively you can look into npm which is what I use as it does a lot of file creating for you :)
Sir actually I tried to write text in card carousel but between two line there's a huge space and I tried but still there's a huge space can you please help me
why does the responsive code doesn't work for me? Could u plz help?
You may did some mistakes... You can get source codes of this tutorial from description link.
CodingNepal I was applying the carousel to the other code u posted. In that you used cards but it was not responsive
Here is the codes.. You can download code files - www.codingnepalweb.com/2020/08/responsive-owl-carousel-slider-using-jquery.html
CodingNepal Also that tutorial u were using flexbox. Does this code not work with flexbox? That would be strange though.
I used owl carousel plugin so it work... Please check your codes and maks sure you're connected to the Internet while running codes.
tiene github? no meu não funcionou
nice look
i love it
Thank you 💙😁
RIP jQuery 🤣🤣🤣🤣🤣
😂😅
hi, como hago para poner 2 carrousel.
@CodingNepal The code does not work for me, and I followed your exact steps.
Create it on a new empty window and then make changes to your original code it doesnt work if you exactly copy nepals code after your navbar or something
sir i want to make it with pure javascript...i have tried and made one...but it couldn't make the perfect transition...will you make a tutorial to make this with pure js plz????
advance thanks
Yes, sure
@@CodingNepal sir,I am still waiting...will you make please???
Can i find Dots in HTML?
Cant find that code
Here is the codes - www.codingnepalweb.com/2020/08/responsive-owl-carousel-slider-using-jquery.html
It will be a hard project to do but can you make this carousel without using any library?😅
Okk I'll try to do in upcoming videos 😁
Yes. I need it too
I was about to comment that lmao.
Without library this types of carousel can conflict to other js file so brtter is that use library. This library is vrry light weight i used this many project i like this
@@webdevelopement6887 No they're not light weight a Jquery file is like 86KB and owl-carousel is 46 KB but it may conflict other files.
💚💚💚💚
Thank you 💙😁
Plz speak always hindi or english only
Okk... Stay tuned.
Responsive
Yes responsive.!
should have done with vanilla js, wasted my time.
ugh what a messy video