React Image Lightbox Gallery (no libraries)

แชร์
ฝัง
  • เผยแพร่เมื่อ 22 ก.ย. 2024
  • In this video we will be making an image gallery Lightbox. We will implement some basic concept of inbuilt hooks and react fundamentals and creating a sleek Lightbox without the use of any external libraries.
    So, let's make it together. 💣
    🙏 Click to Support me 👇🏼 👇🏼
    / @forthosewhocode
    -
    📝 Code repository: github.com/ish...
    --
    🙏 Please like, share and follow for more awesomeness coming 🙏
    ⌨️ Happy Coding!

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

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

    THANK YOU I've been so frustrated the last week trying to implement a lightbox in react. Good explanation!

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

      I am in this boat now hahaha

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

    Interesting. However I look for a gallery with small thumbnails, which onclick, the lightbox opens with the big picture and also with the arrows left and right to swap to the next or previous pic.

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

    this has been so helpful in my project

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

    Very good!
    Thank you

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

    Awesome, just what i needed

  • @harimtanko-yusuf5469
    @harimtanko-yusuf5469 2 ปีที่แล้ว

    Thank you kind sir, great content.

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

    Loved this thank you so much!

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

    beautiful

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

    Thank you!

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

    dope thank u

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

    I love you!

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

    gold in 25 minutes on point

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

    Ayubown (ආයුබෝවන් 🙏)

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

    what is the vs code extension you are using that suggesting javacript?

  • @rajan-u6b
    @rajan-u6b 2 ปีที่แล้ว

    Can you just make font size a little bigger? Btw very gud explanations.

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

    Hey When the image is linked to an outside/live URL it works, but for some reason it does not work with images that are within the folder structure... any idea how to fix that?

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

    what is the vs code extension you are using that suggesting javacript

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

    how can i make my vscode smarter like yours :D ? i like oto complete suggestions

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

      Use Fig terminal, zsh and other available terminal enhancers. Thanks 🤗

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

    Hey, consider having larger text next time.

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

    If I want to use photos from folder then how I can I use them in "link" in " image jason" ?

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

      You can add the path to your data source.

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

      @@forthosewhocode "link" : "./............." reference path file is not showing in this format.

  • @tharindulak
    @tharindulak 8 หลายเดือนก่อน

    are you sinhala ?

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

    😐😐🤗🤗🤗