How to Create a Multi Item Image Slider (w/ Tiny-slider) - HTML, CSS & JavaScript

Поделиться
HTML-код
  • Опубликовано: 28 сен 2024

Комментарии • 15

  • @rosen.espinoza9477
    @rosen.espinoza9477 2 года назад +1

    Thank you for this, it helped me get through my project!!

  • @elizarpadua1722
    @elizarpadua1722 Год назад +1

    hi thanks for sharing this. Just wondering how do you put a link in the name of each car?

    • @codefoxx
      @codefoxx  Год назад

      Just use the a tag instead

    • @elizarpadua1722
      @elizarpadua1722 Год назад

      Do I still need to move the names to html or is it possible to do the a tag in js?

  • @GabbyBrucebru
    @GabbyBrucebru 2 года назад +1

    Thanks wanted to do this did not know how

  • @astaro7432
    @astaro7432 2 года назад

    , during the second wave..

  • @robertodepasamonte3434
    @robertodepasamonte3434 2 года назад

    Very nice tutorial. Thank you for sharing. Your codepen does appear to be complete. Could you please put the source code in your github repository?

  • @RafaelHEscobar
    @RafaelHEscobar Год назад

    Hi there! Thanks for the tutorial. How do you set multiple sliders on a single page? I've been trying to do so but only the first one works fine and the others just break down.

    • @codefoxx
      @codefoxx  Год назад +1

      Sure, just choose different id and class names for each new slider in the html file. You might be able to get away with just choosing different id names. Try both just in case, its been a while since I did it so I cant remember forsure. And dont forget to add the new id names in the CSS file so the styles can apply to each new slider. Also create a variable for each slider in the javascript file. For example, you can have tnsSlider1 and tnsSlider2, otherwise your confusing the tiny slider library and it cant differentiate between each slider. Let me know if that helps

    • @RafaelHEscobar
      @RafaelHEscobar Год назад

      @@codefoxx Super helpful. Thanks!

  • @E-Watcher
    @E-Watcher Год назад

    hi I tried creating but using PHP to access images from database it didn't work, the image slides became vertically aligned. May I know what went wrong?

    • @codefoxx
      @codefoxx  Год назад +1

      I would need to see your code

    • @E-Watcher
      @E-Watcher Год назад

      @@codefoxx
      PHP CODE

    • @timstrawbridge
      @timstrawbridge Год назад

      Did you initialize the slider correctly?