Responsive Filterable Image Gallery using HTML CSS & JavaScript

Responsive Filterable Image Gallery using HTML CSS & JavaScript

CodingNepal

3 года назад

56,569 Просмотров

Ссылки и html тэги не поддерживаются


Комментарии:

Kenneth Chen
Kenneth Chen - 31.08.2023 09:43

Hey @CodingNepal I am having trouble with closing the preview button. The x isn't showing up and I am not sure what the error is. I have tried messing the the span class with icon fa fa times but for some reason the icon isn't showing in my preview. Is there any way to fix this?

Ответить
anil kaushik
anil kaushik - 01.08.2023 11:20

plz also make reponsive video gallery code

Ответить
Mary Lucey
Mary Lucey - 22.12.2022 00:37

can you do the same thing with multiple videos?

Ответить
Best Play
Best Play - 28.09.2022 18:53

thank you very much teacher 😄

Ответить
Omkar P
Omkar P - 30.07.2022 23:04

Bro...your js seems old version. Because when I was coding(copying you) I get 2 error.
1) you can't use onload function without parameters.
2)In if condition where you used => this sign.
Please give reply

Ответить
Sophie macquet
Sophie macquet - 22.07.2022 20:13

how do i add more description of a specific item in the preview box?

Ответить
Nirmal
Nirmal - 23.06.2022 11:47

your Source codes file is not working @
CodingNepal

Ответить
arman rafat
arman rafat - 17.06.2022 00:51

Nice

Ответить
Experience_20
Experience_20 - 16.04.2022 05:49

Thankyou sir, it was awesome

Ответить
gerardo francisco simancas matos
gerardo francisco simancas matos - 29.12.2021 13:11

excellent tutorial, one question: what size would the images be?

Ответить
Lavya Goel
Lavya Goel - 20.12.2021 09:11

when i am writing your code javscript is not
working

Ответить
Lavya Goel
Lavya Goel - 19.12.2021 19:54

In the same tutorial can u add previous and next buttons i.e
Responsive filterable image gallery with lightbox and prev and next buttons
It is a requested

Ответить
Raj Banna Sa
Raj Banna Sa - 22.10.2021 15:35

Thankyou so much sir ❤️

Ответить
Yassine Ben Mustapha
Yassine Ben Mustapha - 11.10.2021 12:26

what do I need to add if I also want to close the 'preview-box' when clicking on the body?

Ответить
witness Sombhane
witness Sombhane - 15.09.2021 18:43

HI thanks for the video. How do you add next and prev buttons to the images?

Ответить
Dhananjay singh
Dhananjay singh - 16.08.2021 05:21

Bro sb kuch toh accha bs agar image ko preview krta hu or uske bad usko close krna chata hu toh close button ko define nii kiye tm

Ответить
Extreme gamerz
Extreme gamerz - 14.07.2021 04:04

bro i really love your video please a little suggestion add a soft lofi music weare programmer espacially me hate this kind of background music alot please add soft lofi :(

Ответить
Music Library
Music Library - 09.07.2021 05:41

Bro there's no close button included can you help me?

Ответить
Traveer BD
Traveer BD - 06.07.2021 18:47

after previewing an image there are no close button/icon to close it.can you check it plz.i downloaded the source file and opened but there are no close button/icon

Ответить
Dinesh
Dinesh - 15.05.2021 18:09

which resizer do you use

Ответить
sagar bharati
sagar bharati - 15.05.2021 05:27

Thank you so much;thank you for the clear explanation as well. Was helpful.

Ответить
PAVAN KUMAR PONUGOTI
PAVAN KUMAR PONUGOTI - 10.05.2021 17:16

Bro i will upload my codes in github and i will share the link, can you edit it please

Ответить
Mario Guerrero
Mario Guerrero - 03.05.2021 05:31

Could I use this for filtering videos?

Ответить
Yagnesh Chavda
Yagnesh Chavda - 01.05.2021 11:21

when i remove all from list it doesn't function

Ответить
Yagnesh Chavda
Yagnesh Chavda - 01.05.2021 11:20

nice video brother what if i don't want all in list

Ответить
Kazi Mostafa
Kazi Mostafa - 24.04.2021 12:37

Just awesome. I spent three days for this issue. no plugins and no code was working. Now solved.

Ответить
M
M - 26.03.2021 18:48

😍

Ответить
fatemeh yosefi
fatemeh yosefi - 20.03.2021 02:35

Awesome, thank youuuuu😍😍

Ответить
Nilesh Rathod
Nilesh Rathod - 06.03.2021 16:36

It's not work properly only it's hide and show ,
Hide class was hidden

Ответить
Chloe Finlay
Chloe Finlay - 17.02.2021 12:54

Hey! So i followed the tutorial in full and when i put my website live all of the images squished and stretched when viewed on an iphone or ipad? However, it was perfectly fine on android? Would you have any idea why this might be happening? Thank you again for the help :)

Ответить
Chloe Finlay
Chloe Finlay - 12.02.2021 21:13

This was so unbelievably helpful thank you so much!

Ответить
Akshit Rana
Akshit Rana - 31.01.2021 16:54

Why it gives an error of filterImg.forEach is not a function at HTMLDivElement.filterItem.onClick

Ответить
Mo's Tech Room
Mo's Tech Room - 17.01.2021 09:56

Thank you so much <3

Ответить
Lucas Godoy
Lucas Godoy - 12.01.2021 00:46

Hi, does that support fig caption?

Ответить
UI Creative Studio
UI Creative Studio - 01.01.2021 13:06

why when we filter using cards instead of images it doesn't work gaes??

Ответить
Aniket Kolte
Aniket Kolte - 26.12.2020 15:18

Which screen recorder are you used?🙄

Ответить
Jamshid Y. Ubaydulloyev
Jamshid Y. Ubaydulloyev - 26.12.2020 08:17

That’s great!!!

Ответить
Emir ŞİRİNER
Emir ŞİRİNER - 25.12.2020 14:18

Absolutely gorgeous. Thanks for share... Can this be done in slide form?

Ответить
Fast Smart System
Fast Smart System - 24.12.2020 23:34

WONDERFULLLLLLLLLLLL!!!!!! 🙀🙀🙀😍😍😍😍😍😍😍😍😍😍😍🎀🎀

Ответить
Ovejdan Alex
Ovejdan Alex - 24.12.2020 19:09

Software name please

Ответить
Romulo Alves
Romulo Alves - 24.12.2020 17:35

Ótimo vídeo sensacional parabéns ✌.

Ответить
Gaurab Chhetri
Gaurab Chhetri - 24.12.2020 17:03

Nice Work

Ответить
Ãnkit Neupane
Ãnkit Neupane - 24.12.2020 16:50

Superb 😄 Awesome 😎 Useful 👍 💜💜🇳🇵🇳🇵

Ответить
Ujen Basi
Ujen Basi - 24.12.2020 16:30

You are the best thank you sooo much

Ответить
Yubi Pangali
Yubi Pangali - 24.12.2020 16:24

Nothing anymore😊........ Just awesome ❤️ ✌️🇳🇵

Ответить
𝐒𝐮 𝐌𝐚𝐧
𝐒𝐮 𝐌𝐚𝐧 - 24.12.2020 16:18

nice work: 👍💚

Ответить
Creative Tutorials
Creative Tutorials - 24.12.2020 16:08

Awesome💙

Ответить