CSS 3 Carousel & Slider Design || Modern Slider using css 3

แชร์
ฝัง
  • เผยแพร่เมื่อ 29 ต.ค. 2024
  • #css3carousel #carousel #imagecarousel
    95% Off - Get 9+ Complete Responsive Website Design course in bundle
    Source code download here - adilahmed.onli...
    ---------------
    In this website design and educational tutorial i will be showing you that - CSS 3 Carousel & Slider Design || Modern Slider using css 3
    Subscribe this channel here - / @onlinewebustaad
    Join the group here - / 328971707545530
    Source file .. drive.google.c...
    or watch this for source file - • Image Rotator using Ht...

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

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

    Any BEGINNER can do this with EASE. Can't believe they charging for it. GOOD LUCK to them.

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

      Hi Brother Hope you are doing well and Great
      Please enroll to my 11+ complete website design course in bundle now - adilahmed.online/web-designing.course

  • @AmmarKhelifaoui
    @AmmarKhelifaoui 4 ปีที่แล้ว +6

    you have to mention you use Jquery at the end , I can't change the image sizes !!! and not responsive

  • @rafaelurbina4496
    @rafaelurbina4496 4 ปีที่แล้ว +23

    I don't recommend this channel, in the title says css 3, you wast your time seeing the video and at the end it talks about a jquery file.

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

    Can you plz explain how can I use your jquery plugin I think that's why I am facing a problem and I am not able to see images

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

      can you share me your source code so i can take a look on it

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

      I have the same issue

  • @md.farzan5596
    @md.farzan5596 4 ปีที่แล้ว +13

    The part of title is "CSS3", But you are using jQuery custom plugin. 🤣🤣🤣

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

    Is there any bootstrap i can use for this carousel idea?

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

    where is jquery plug in code?

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

      Checkout this course and you will get everything - adilahmed.online/learn-webdesign

  • @mohammed-i786
    @mohammed-i786 5 ปีที่แล้ว +67

    Waste of time! He did not mention about jquery in the title! Will Never watch this channel again

    • @md.farzan5596
      @md.farzan5596 4 ปีที่แล้ว

      Yes

    • @josehernandezmontiel7228
      @josehernandezmontiel7228 4 ปีที่แล้ว

      yes, that should be mentioned

    • @vaibhav1180
      @vaibhav1180 4 ปีที่แล้ว

      Agreed

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

      yes. it looks cool though . can anyone do it without jquery and do it responsive? cos that is what we want. right?

    • @lab131-umsa7
      @lab131-umsa7 3 ปีที่แล้ว

      y tan poco hábil te sientes que no puedes llevar código de JQuery a VanillaJS así cada que te pilles algo de JQuery o alguna tecnología legacy saldrás corriendo

  • @eyedolprocreatives
    @eyedolprocreatives 4 ปีที่แล้ว

    It wasted my time finding out that the code is relying on jsquery not css. what we look for is a css,js html code not jsquery. this is clickbaiting.

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

    Es responsive el carrusel bro ?

  • @MehediHasan-ik5od
    @MehediHasan-ik5od 3 ปีที่แล้ว +1

    Thanks

  • @tafadzwa8980
    @tafadzwa8980 4 ปีที่แล้ว

    The Java editions at the end seem not to be responding on my platform any suggestions?

  • @md.wahidulislam416
    @md.wahidulislam416 4 ปีที่แล้ว +2

    Anyone got any idea, how to make it compatible with all screen sizes? This works fine but only on one resolution. When it's opened in a different resolution, it gets misplaced.

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

      The same problem 😭

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

      @@ajayks9330 use the slider breakpoints to decide how you want it to look on different screens

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

    What if i want just showing three images ?????

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

    Can the cards slide automatically without clicking?

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

      carousel slider has an autoplay option in jquery which we have to write as true.....

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

    modern with jquery?

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

    Is it possible to show more than 8 slides ? If possible then can you please share the position where to add ?

    • @DavidRamirez-sk2sn
      @DavidRamirez-sk2sn ปีที่แล้ว

      Lo resolviste hermano? Tengo el mismo problema

  • @nilarwin1874
    @nilarwin1874 5 ปีที่แล้ว

    Sir, my jquery link is wrong.Where can I download the correct link. Please help me.

  • @kayaramirez2263
    @kayaramirez2263 4 ปีที่แล้ว

    it works but when i click it wont stop spinning to the right?

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

    How to increase the height and width of the slider frame please help me

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

    PLease provide the css and html code....I have spent 3 hours but i was not able to understand how you are make and final result is different.

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

    used jquery at the end. holy shit video

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

      i agree with you

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

    it is not working your code properly, wasting time

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

    Damn, everyone facing the same issue that images are not showing up 🤬

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

      Hi Ajay i have added complete source code in the description box of this tutorial. Simply download and enjoy

  • @bholamobilepoint4763
    @bholamobilepoint4763 4 ปีที่แล้ว

    welcome brother

  • @wilmafernandes3336
    @wilmafernandes3336 4 ปีที่แล้ว

    Can you tell me if this code is open source?

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

    Could you please tell me how to responsive this 3d slider or how to add more list in the slider please I NEED IT URGENT!

    • @facu1190
      @facu1190 4 ปีที่แล้ว

      Could you use it?

    • @facu1190
      @facu1190 4 ปีที่แล้ว

      Responsive?

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

      Go to the js folder and open jsfile in it you will find states array..add no.of more slides you want , you xan also change size of the slides

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

    This is not a mobile responsive ,how to make a responsive slider.

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

    7 pictures is maximum?

  • @DeepakSahu-ik7xt
    @DeepakSahu-ik7xt 4 ปีที่แล้ว +1

    code is not executed in chrome.how i have to execute..

    • @onlinewebustaad
      @onlinewebustaad  4 ปีที่แล้ว

      Hi Deepak kindly checkout the description if available the source file

    • @DeepakSahu-ik7xt
      @DeepakSahu-ik7xt 4 ปีที่แล้ว

      i am not getting image on chrome..

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

    sir, the images are not showing what's showing is just the background and the prev and next sign. would be glad if you could help sir

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

      hes using jquery too, so it is not only html and css - go dislike

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

    source file does not extract....

    • @onlinewebustaad
      @onlinewebustaad  5 ปีที่แล้ว

      Please give me your email id and i will send it to you for sure

    • @AshrafAliKarmali
      @AshrafAliKarmali 5 ปีที่แล้ว

      @@onlinewebustaad 952499@gmail.com

    •  5 ปีที่แล้ว

      @@onlinewebustaad Friend I have the same problem my mail is: jose.sosa.munt@gmail.com

    •  5 ปีที่แล้ว +1

      Hello I have not got anything, I wanted to know if you already sent it?

    •  5 ปีที่แล้ว

      Friend, time passes and I have no answer, the file hangs me error; could you please check it

  • @soul.rebel1986
    @soul.rebel1986 5 ปีที่แล้ว

    I try to enroll in your courses, the coupon is expired. 199 is too much Im sorry.

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

    Muy bien me acuerdo que hiciste un efecto de burbujas de colores en una pagina con css me podrias decir el nombre de ese video ?

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

    dont working :(

  • @loveprogramming9085
    @loveprogramming9085 4 ปีที่แล้ว

    Thanks Man.. It helped alot.. working smoothly

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

      hey, can you plz tell me how can I use this channel's jquery plugin in my code??

  •  5 ปีที่แล้ว +4

    Friend the file in Drive I get damaged

    • @onlinewebustaad
      @onlinewebustaad  5 ปีที่แล้ว

      Hi Buddy i am putting whole source file again for you stay tuned

  • @gerardofranciscosimancasma6695
    @gerardofranciscosimancasma6695 4 ปีที่แล้ว

    Is responsive?

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

    thnks bro for code

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

    plugins...😕

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

    tutorial is awesome but i am looking CSS only

  • @kadeus
    @kadeus 4 ปีที่แล้ว

    great

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

    Cool

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

    Sir plz try coding for us in ur voice. Coz we could understand easily that what is the use of tag and their attributes . Plz plz sir i kindly request to you

  • @CreativeAnujkumar
    @CreativeAnujkumar 4 ปีที่แล้ว +5

    you have waste my time.

  • @gagikavagyan9920
    @gagikavagyan9920 4 ปีที่แล้ว

    Thank you this is just cool🤗🤗

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

    Is this responsive

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

    osm

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

    👌

  • @НаталіяЖидейкіна
    @НаталіяЖидейкіна 5 ปีที่แล้ว +1

    Why always jQuery?

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

      maybe you have been found the answer, but let me try, jQuery is the way to code faster, the syntax overall is same with vanilla, it just make the coding effective and efficience, and also it save time.
      example
      Vanilla
      document.querySelector('model').style.color = 'blue'';
      jQuery
      $('model').css('color', 'blue');

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

    wasting time without any result u should mention the file in description box..

  • @Lifewithkayan
    @Lifewithkayan 4 ปีที่แล้ว

    thank you sir !!!!

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

    Amazing

  • @sadiajamal4260
    @sadiajamal4260 4 ปีที่แล้ว

    nice file

  • @syediqbalahmed3176
    @syediqbalahmed3176 5 ปีที่แล้ว

    good

  • @anonymoususer6103
    @anonymoususer6103 5 ปีที่แล้ว

    Please create vertical menu.

  • @rohitadlok9793
    @rohitadlok9793 4 ปีที่แล้ว

    sir background sound se acha aap sanjavo krte time better rahega

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

    me decepcione =(

  • @rahulaher2500
    @rahulaher2500 5 ปีที่แล้ว

    Content slider responsive videos

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

    Really 👎Wast of time

  • @shinshinn2784
    @shinshinn2784 4 ปีที่แล้ว

    vertical slider pls :)

  • @usamanaeem4446
    @usamanaeem4446 4 ปีที่แล้ว

    i did lot of work of him but i recognize it wasted my time
    please give a solution

  • @travelfoodexperiencewithfu2010
    @travelfoodexperiencewithfu2010 4 ปีที่แล้ว

    Kitna loud music ser dard

  • @neelamsisodia8893
    @neelamsisodia8893 4 ปีที่แล้ว

    This coding is not giving any output

  • @AbanobHana-p1i
    @AbanobHana-p1i 11 หลายเดือนก่อน

    👎👎👎👎

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

    waste of time ... useless

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

    que mal tutorial

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

    very big dislike ouuuuuu