How to Use Owl Carousel For Your Website | JQuery Owl Carousel Tutorial

แชร์
ฝัง
  • เผยแพร่เมื่อ 5 ก.ย. 2024
  • In this video you will learn How to create Slider With owl Carousel.
    owl carousel
    owl carousel in html template
    How to use owl carousel for your website
    JQuery owl carousel Tutorial
    JQuery slider tutorial
    slider
    tutorial
    easy slider tutorial
    How to use owl carousel in html template
    responsive slider tutorial
    responsive
    web design
    html css
    image slider
    css in html
    owl
    image carousel
    jquery carousel
    ----------------------------------------------
    Instagram Id:- / rv_rajan_verma
    Facebook Page : / rvwebtutorials
    =============********==============
    Check some popular videos on my channel:-
    How To Create A Website Using HTML And CSS Step By Step Website Tutorial:-
    • How To Create A Websit...
    ----------------------------------------------
    How to create transparent navigation bar using html and css:-
    • How to create transpar...
    ----------------------------------------------
    How to write text on image - HTML and CSS:-
    • How to write text on i...
    ----------------------------------------------
    how to create a website using html and css step by step website tutorial:-
    • how to create a websit...
    ----------------------------------------------
    how to create navigation bar with search box:-
    • how to create navigati...
    ----------------------------------------------
    how to create search bar in html and css:-
    • how to create search b...
    ----------------------------------------------
    How to center a div inside a div with html and css:-
    • How to center a div in...
    ----------------------------------------------
    How To Create A Website Using HTML And CSS - part 1:-
    • How To Create A Websit...
    ----------------------------------------------
    how to create responsive image gallery using html and css:-
    • how to create responsi...
    ----------------------------------------------
    changing background color animation - html css tutorial:-
    • changing background co...
    ----------------------------------------------
    Responsive font size using html and css:-
    • Responsive font size u...
    ----------------------------------------------
    Responsive Full Page Background Image with CSS3:-
    • Responsive Full Page B...
    ----------------------------------------------
    Like This video and Subscribe This Channel "Web dev"

ความคิดเห็น • 222

  • @nicolabz-
    @nicolabz- ปีที่แล้ว +9

    Never thought that the best tutorial I've ever watched to solve my problems would it be in a language I don't understand

  • @chandra-lekha3119
    @chandra-lekha3119 ปีที่แล้ว +2

    thanks i have wasted 10 hours for understanding owl carousel but your video help me so much and you have explained it very well

  • @eliasredux3616
    @eliasredux3616 3 ปีที่แล้ว +40

    I didnt understand what you're saying , but I learned what to do , thx

    • @mr-moses-01
      @mr-moses-01 3 ปีที่แล้ว +5

      Same as me ,Indians' english only understandable to Indıans 😂😂😂

    • @afjalsharifopu5058
      @afjalsharifopu5058 3 ปีที่แล้ว

      @@mr-moses-01 😂😂😂😂

    • @utkucevik304
      @utkucevik304 2 ปีที่แล้ว +1

      @@mr-moses-01 but it still one of the best owlcarousel basic usage video; its short and simple :-)

    • @simeonmwangi4033
      @simeonmwangi4033 2 ปีที่แล้ว

      So we are very many

    • @gypsysoultraveller
      @gypsysoultraveller ปีที่แล้ว +2

      @@mr-moses-01 😃 he is not speaking in english..he is speaking in hindi.

  • @onyekaogbusuo3157
    @onyekaogbusuo3157 ปีที่แล้ว +2

    I love you man... i just had to say it, cos i've been looking at the official docs for hours, even decided to code it myself and then i saw this video, and i have to also mention that i don't even understand the language, but i got everything clearly, thank you so much

    • @webdev07
      @webdev07  ปีที่แล้ว

      Glad I could help!

  • @waiyanleung5199
    @waiyanleung5199 3 ปีที่แล้ว +16

    I spent half an hour following documentations but failed. Done in 5 mins with your set up guidance. Thank you so much!

  • @coffee_shop_wabsite
    @coffee_shop_wabsite 2 หลายเดือนก่อน

    Never thought that the best tutorial I've ever watched to solve my problems would it be in a language I don't understand 😍

  • @sh0velknights395
    @sh0velknights395 2 ปีที่แล้ว +5

    this is actually better explained than in the official website... Congratulations!

    • @webdev07
      @webdev07  2 ปีที่แล้ว

      Special Thanks

  • @superkitsune6481
    @superkitsune6481 ปีที่แล้ว +3

    I really appreciate your help! This was a million times easier to understand than the docs page.

    • @webdev07
      @webdev07  ปีที่แล้ว

      Thanks

    • @bontalanityanandkumar5110
      @bontalanityanandkumar5110 ปีที่แล้ว

      @@webdev07 @webdevayush6225 hi broo i am also using this Owl carousel of 2.3.4 version ,but i am getting weird tabbing behaviour i.e, when i do tabbing on keyboard , carousel is getting focused after all slides is completed, but we need to get focus only after end of first slide right, can you please share the implementation for keyboard tabbing behaviour. Please.....

  • @samiyari3103
    @samiyari3103 10 หลายเดือนก่อน

    I spent the entire day just on owl carousel but still failed to understand it, but you explained it in a very plain way and made everything clear for me, Thank you very much brother !!!❤❤❤

    • @webdev07
      @webdev07  9 หลายเดือนก่อน

      Glad it helped!

  • @kishorisahoo6088
    @kishorisahoo6088 2 ปีที่แล้ว +4

    In my case owl Carousel is working if I paste the jQuery and JavaScript script on the top of the body tag (between the body tag) .... 😊 and I'm so happy and satisfied to solve this problem by myself only.... Thank you so mush sir for your guidance 😊🙏🙏🙏🙏

    • @webdev07
      @webdev07  2 ปีที่แล้ว +2

      Thanks for your appreciation keep supporting

  • @kishorisahoo6088
    @kishorisahoo6088 2 ปีที่แล้ว +1

    Thank you sir 😊 for your useful video.... Everyone in TH-cam just saying download the cdn code then use it... but you are the only one person teach use how to use oul Carousel with links... Thanks a lot sir 😊🙏🙏🙏

    • @webdev07
      @webdev07  2 ปีที่แล้ว +1

      Thanks for your appreciation.

  • @user-lj4mc5kk2k
    @user-lj4mc5kk2k 11 หลายเดือนก่อน

    After working on it for many days. I just did it today with your tutorial. Thanks alot

  • @md.nurnobi1975
    @md.nurnobi1975 2 ปีที่แล้ว +1

    I'm very hassitated about this slider,, but finally I can do this from your vdo tutorial
    Thank you so Much❤💕😘

    • @webdev07
      @webdev07  2 ปีที่แล้ว

      Most welcome 😊

  • @soniadarsh2426
    @soniadarsh2426 2 ปีที่แล้ว +1

    Brother Kasam se aap Bahut Acchi and mast videos banate ho. Ese hi Grow karte raho.

  • @devanshjn
    @devanshjn ปีที่แล้ว

    bhai, aap bhut accha explain krte ho yr... awesome

  • @anujchaurasia002
    @anujchaurasia002 3 หลายเดือนก่อน

    thanks bhai for making this video.....

  • @dharmendrasingh-tb2qw
    @dharmendrasingh-tb2qw ปีที่แล้ว

    Thanks you sharing a knowledge, ,

    • @webdev07
      @webdev07  ปีที่แล้ว

      My pleasure

  • @amanrana1073
    @amanrana1073 2 ปีที่แล้ว

    thanks bro very helpful video

    • @webdev07
      @webdev07  2 ปีที่แล้ว

      Happy to help

  • @sahilpatil5481
    @sahilpatil5481 ปีที่แล้ว

    thank you so much , this is the easy and simple tutorial i have ever seen for owl carousel

    • @webdev07
      @webdev07  ปีที่แล้ว

      You're welcome 😊

  • @shruthihulivananagaraju3366
    @shruthihulivananagaraju3366 7 หลายเดือนก่อน

    Simple, yet awesome explanation!

  • @krutipandya9893
    @krutipandya9893 ปีที่แล้ว

    Thanks. This was useful.

  • @jessicanneka1840
    @jessicanneka1840 2 ปีที่แล้ว +1

    wow it works perfectly, you're awesome thank you

  • @ShaikSohailIbrahim
    @ShaikSohailIbrahim ปีที่แล้ว

    bhai really video bahoot accha laga ,aur bahoot use bhe aaya

  • @shalinisharma6407
    @shalinisharma6407 ปีที่แล้ว

    awesome video ...easy to understand ...really very helpful

  • @Qamre_Alam
    @Qamre_Alam 3 ปีที่แล้ว

    Bahut simple aur achhe tariqe se samajhaya hai aapne.... isse behtar aur koi video ho...

  • @vineetarora1405
    @vineetarora1405 ปีที่แล้ว

    Thank you, helped me a lot

    • @webdev07
      @webdev07  ปีที่แล้ว

      Glad to hear that!

  • @AbhishekMishra-gr5zk
    @AbhishekMishra-gr5zk 3 ปีที่แล้ว +4

    Thank you so much brother you saved my lots of time thanks a lot 🥰🥰
    Subscribed also😍😍

  • @soniadarsh2426
    @soniadarsh2426 2 ปีที่แล้ว +1

    Brother ek Request hai Please in topics par bhi Videos create karne ki try karo: ⬇️
    1. HOW TO CREATE A FULL COMPLETE WEBSITE FROM BOOTSTRAP ?
    2. HOW TO CREATE AN RESPONSIVE E-COMMERCE WEBSITE ?
    3. TOP 5 OWL CAROUSELS .
    4. TOP 5 RESPONSIVE FOOTERS

  • @owltrades
    @owltrades 3 ปีที่แล้ว

    Thanks yar Bohat helpful video thi ❤

  • @razarajput5712
    @razarajput5712 6 หลายเดือนก่อน

    million dollar video . Appreciated

  • @ayushgupta8538
    @ayushgupta8538 11 หลายเดือนก่อน

    You are amazing! Thanks for making it so simple for me.

  • @rafiahamed862
    @rafiahamed862 3 ปีที่แล้ว

    Thank you so much brother , I was stuck from a long time , problem was only with jquery cdn which I linked now watching your video, thanks a lot...

  • @stuffedstuff7086
    @stuffedstuff7086 3 ปีที่แล้ว

    Hi I'm another guy who don't understand hindhi but get them all, thanks 👍🏼

  • @tutopcdroid3957
    @tutopcdroid3957 ปีที่แล้ว

    Excellent, Thanks

    • @webdev07
      @webdev07  ปีที่แล้ว

      You are welcome!

  • @julikumari7614
    @julikumari7614 2 ปีที่แล้ว

    Thanks a lot ..from This video i able to complete my work

    • @webdev07
      @webdev07  2 ปีที่แล้ว

      No, Its a Sublime text editor

  • @sohaibahmad5583
    @sohaibahmad5583 ปีที่แล้ว

    thank you so much brother very helpful

  • @mehmeteren5091
    @mehmeteren5091 ปีที่แล้ว

    you dude are awesome

  • @mohdabdulfareed7871
    @mohdabdulfareed7871 7 หลายเดือนก่อน

    Thank you bro
    👍

  • @dineshasekar6918
    @dineshasekar6918 2 ปีที่แล้ว

    very nice, Best video for beginners

  • @ngarangiki1565
    @ngarangiki1565 3 ปีที่แล้ว

    Thanks.. My problem solved after watch this video..

  • @shaikhshaji
    @shaikhshaji 2 ปีที่แล้ว

    Thank You! your tutorial really helped me.

  • @AbduuRaah
    @AbduuRaah 3 ปีที่แล้ว

    Thank You So Much Bhaiyaa Very Helpful

  • @ccna3913
    @ccna3913 ปีที่แล้ว

    great explanation buddy thanks a lot

  • @sudarshanhalembure7350
    @sudarshanhalembure7350 2 ปีที่แล้ว

    thanks bro the way you explained is great!

    • @webdev07
      @webdev07  2 ปีที่แล้ว

      Most welcome 😊

  • @shraddhapatil2538
    @shraddhapatil2538 ปีที่แล้ว

    Thank you so much for this wonderful video. Actually I was doing this from 8-9 hours , I saw many videos but I didn't get how to insert the script tags and from where. But now after watching your video, I got it how to insert script tags and from which website. You explained it very well. I also want to implement multiple slider in same webpage. So If possible, Could you please make video for that?
    Once again, Thank you so much 🙏

    • @webdev07
      @webdev07  ปีที่แล้ว

      Thanks for your appreciation.

  • @aniqaarshad5317
    @aniqaarshad5317 3 ปีที่แล้ว

    Thankyou so much very very helpful..

  • @pratikshitvashistha5239
    @pratikshitvashistha5239 3 ปีที่แล้ว

    tu bhai op admi h

  • @DnKZone
    @DnKZone 3 ปีที่แล้ว

    Thank you very much brother, Tutorial Accha hai😃

  • @alereyes6831
    @alereyes6831 2 ปีที่แล้ว +1

    Muchas gracias!!! me sirvió de mucho tu video!! sigue asii

    • @webdev07
      @webdev07  2 ปีที่แล้ว

      Gracias por tu apreciación

  • @akshaythummar9148
    @akshaythummar9148 3 ปีที่แล้ว

    Thanku so much for video....

  • @MatiUlHassan
    @MatiUlHassan 3 ปีที่แล้ว

    Thank You So much bro Stay blessed

  • @rehanurrahmanraihan6053
    @rehanurrahmanraihan6053 3 ปีที่แล้ว

    most detailed video on owl carousel

  • @sujon-ahmed
    @sujon-ahmed 3 ปีที่แล้ว

    Thanks for sharing your knowledge.

  • @amitkandari6354
    @amitkandari6354 2 ปีที่แล้ว

    Awesome explanation thankss

  • @PussyCat-2
    @PussyCat-2 3 ปีที่แล้ว

    Really Awesome, and helpfull.Love Brother ❤️❤️

  • @hernanramirezweb
    @hernanramirezweb 3 ปีที่แล้ว +2

    lo máximo, me sirvió para un proyecto, buen video ahora se como implementar cualquier carrusel sin problemas, saludos desde Perú

  • @naitikkathiriya
    @naitikkathiriya 3 ปีที่แล้ว +1

    well described and shown everything in video,well done brother✨

  • @TOPU-yd6qk
    @TOPU-yd6qk ปีที่แล้ว

    Very Helpful Video

  • @alif_hasan_shah
    @alif_hasan_shah 2 ปีที่แล้ว

    Well described ... Thank you so much.

    • @webdev07
      @webdev07  2 ปีที่แล้ว

      You're most welcome

  • @jaydeepchauhan244
    @jaydeepchauhan244 3 ปีที่แล้ว

    Thank you so much brother very useful content 💜💜😋

  • @daimshah4521
    @daimshah4521 2 ปีที่แล้ว +1

    Thank you so much!

    • @webdev07
      @webdev07  2 ปีที่แล้ว

      Glad it helped!

  • @ManuelNyC77
    @ManuelNyC77 3 ปีที่แล้ว

    awesome video. I saved this in my favorites videos for later!

  • @nasiriqbal8903
    @nasiriqbal8903 2 ปีที่แล้ว

    wow amazing ... love you sir

    • @webdev07
      @webdev07  2 ปีที่แล้ว

      Thanks for your appreciation

  • @david.t.v9211
    @david.t.v9211 2 ปีที่แล้ว +1

    buen video, me sirvió mucho.

  • @user-te5nh6bl6c
    @user-te5nh6bl6c 2 ปีที่แล้ว

    Thank you so much!!!👍🤗

  • @twinkalmeshram4182
    @twinkalmeshram4182 2 ปีที่แล้ว

    Thank you so much

    • @webdev07
      @webdev07  2 ปีที่แล้ว

      Most welcome 😊

  • @PavanKumar-vk2xb
    @PavanKumar-vk2xb 3 ปีที่แล้ว

    love you bro
    3000

  • @Moon-si9qh
    @Moon-si9qh 2 ปีที่แล้ว

    Thank you for this video!

    • @webdev07
      @webdev07  2 ปีที่แล้ว

      You are so welcome!

  • @paff8360
    @paff8360 2 ปีที่แล้ว

    thanks you for good work

  • @alanjimenez8422
    @alanjimenez8422 3 ปีที่แล้ว

    Thanks bro!! It works perfectly :D

  • @madhuraindrazith9224
    @madhuraindrazith9224 ปีที่แล้ว

    thank u soo much

  • @user-df1mz5ls5n
    @user-df1mz5ls5n 4 หลายเดือนก่อน

    if we want to appear one item at a time in slider and the second one should appear after clicking next then what we need to do

  • @basicarduinogyan7493
    @basicarduinogyan7493 3 ปีที่แล้ว +1

    Thankyou soo much bro

  • @rox-tech1597
    @rox-tech1597 2 ปีที่แล้ว

    thank u soo much bro (:

    • @webdev07
      @webdev07  2 ปีที่แล้ว +1

      You're welcome!

  • @halilefe1788
    @halilefe1788 ปีที่แล้ว

    thanks, boss :)

  • @gopinathkrm58
    @gopinathkrm58 2 ปีที่แล้ว

    this helped very much

  • @hariskhan804
    @hariskhan804 3 ปีที่แล้ว +1

    Thank You for this amazing content

  • @md.sumonbiswas2272
    @md.sumonbiswas2272 2 ปีที่แล้ว

    Thanks a lot, brother. It's really good to know from you

  • @deveshchoudhary4977
    @deveshchoudhary4977 ปีที่แล้ว

    well explained.

  • @gunjanmishratiwari1020
    @gunjanmishratiwari1020 ปีที่แล้ว

    thank u bhai

  • @meoconhoccode
    @meoconhoccode 3 หลายเดือนก่อน

    thankyou
    😀😀

  • @AliRaza-oq5jz
    @AliRaza-oq5jz 3 ปีที่แล้ว

    Love you sir gggggg Love you bara bara Big fan yr Love you Again😘😘😘😘😘🤩🤩🤩😘😘😘🤗🤗🤗🤗🤗🤗🤗🤩🤩🤩🤩

  • @shahriar6640
    @shahriar6640 2 ปีที่แล้ว

    great tutorial

  • @Unknown-bq4bb
    @Unknown-bq4bb 3 ปีที่แล้ว

    thank you so much bro, super ;)

  • @FullMasti111
    @FullMasti111 2 ปีที่แล้ว

    Wow love it....

  • @sanjumon1991
    @sanjumon1991 2 ปีที่แล้ว

    Janab, Iss tutorial ke liye kum se kum ek chai to banta hai, donate button ka intezam kijie

    • @webdev07
      @webdev07  2 ปีที่แล้ว +1

      Thanks for your appreciation

  • @devanshjn
    @devanshjn ปีที่แล้ว +1

    how can we add the arrow, in left side and right side for swiping ??

    • @jvince12
      @jvince12 ปีที่แล้ว

      were you able to get this ;)

  • @miaanshaan3450
    @miaanshaan3450 2 ปีที่แล้ว

    Good effort bro

  • @praveenkumarbisht1745
    @praveenkumarbisht1745 3 ปีที่แล้ว

    Bhai like subscribed ur video , good to see more like this stuff ❤️

  • @ellsonmendesYT
    @ellsonmendesYT 3 ปีที่แล้ว

    helped a lot dude thnx

  • @infohacks101
    @infohacks101 3 ปีที่แล้ว

    Thanks

  • @fari4r588
    @fari4r588 3 ปีที่แล้ว

    thanks for good tut

  • @goveendsonee5331
    @goveendsonee5331 2 ปีที่แล้ว

    Awesome Dear!

  • @Qamre_Alam
    @Qamre_Alam 3 ปีที่แล้ว

    Superb boss

  • @yogeshkumar-yg3uz
    @yogeshkumar-yg3uz 3 ปีที่แล้ว

    thank you sir for this great info :)

  • @HolyGround777
    @HolyGround777 3 ปีที่แล้ว

    Great video thanks!

  • @ammarjavaid3345
    @ammarjavaid3345 3 ปีที่แล้ว

    good one, please also guide from which file to use other built-in functions as you used, autoplay, dots, autoplayTimout etc

  • @edberaga
    @edberaga 2 ปีที่แล้ว

    Thank you!

  • @swatilekha_roy
    @swatilekha_roy 3 ปีที่แล้ว

    Great tutorial! Thanks a ton.

    • @swatilekha_roy
      @swatilekha_roy 3 ปีที่แล้ว

      Could you please guide me on how to move the arrows to the sides of the carousel?

  • @zainuddin1205
    @zainuddin1205 3 ปีที่แล้ว

    Thanks for this