thank you very much brother. its a nice and very help full video for me. again thanks a lot. keep going like this . best of luck. Love form Bangladesh.💝
Dear friend Your presentation is perfect and works flawlessly. I'm excited. Question: Instead of the selected large image, I would like to display the content of a stored URL address directly. is this possible Thank you for any suggestion. Best regards from Switzerland from Jürg Lienhard
If there is left and right scroll button,it would be perfect :) Still amazing,I will add my photos here and make it library of our trips and celebrations... Thank you very much
Beautiful video, just what I was looking for and well done. One question, can I add a description to each photo on the gallery page? Thank you, Dale Winburn
I like your style of explaining things. 👍. have you ever thought of diving deeper to backend ..and create a complete webapp with Nodejs. then share it here..a complete process like the way you do with Front end. Probably add a framework like React for Front end... I think your style of teaching can make the hard staff easier to absorb like the way you do with css tricks
Thank you for nice lecture. I have question, maybe I did not do something as you do it, and wonder where I do mistake. Firstly, I do not get rotate with 1 degree, second with javascript, I cannot get the smae result as you do. Should I install something on my PC to run the same result as you did?
I need to answer to my question here. I did mistake in syntaxes, for example in css file was missing ";" for the rotation style. In JavaScript, I had mistake in the display function, instead "display" was written "dispaly". Thank you, I learned a lot today. Will keep watching your virtual lestons. See you soon again.
Dear friend I love your content very much he helped me a lot and was source of inspiration for me to make up a channel source code continue so because so you will help many new future web programmers. ✌👌
Sir thank you very much but what if images are of different sizes? As all the containers in a grid is of same size , then the container with a smaller image will remain empty . Is there any way to utilize the total available space efficiently? so that segmentation of the container can be avoided. And at runtime, the most appropriate image that fit the available container space take its place.
সুবহানাল্লাহ! দুই জন মুসলিম পরস্পর হাত মেলানোর মাঝেই এতো ফজিলত! অথচ আমাদের একে অন্যের প্রতি অন্তর ভরা বি*দ্বেষ। আসুন, সাক্ষাতে সালাম শেষে মুসাফা করি। পারস্পরিক হৃদ্যতা বাড়াই ও পাপগুলো ঝড়াই।
I referred your html css code. For functionalities I used Javascript. I fetched the full image id,clicked image id and changed the fullimage.src path to clicked image path. But I am not able to display it. I asked chatgpt but it says that - "If you are working with local image files on your computer, displaying them directly from the local file system using JavaScript in a web browser is restricted due to security reasons." Can you please help me? const images = document.querySelectorAll('.image'); let fullImageElement = document.querySelector('.full-img'); images.forEach(image => image.addEventListener('click',function(e){ let src = e.target.src; let fullImageElement = document.querySelector('.full-img'); fullImageElement.src = src; fullImageElement.style.display = 'flex'; }) );
I never saw this type of teaching in web development you are teaching soo well explaining ever thing you are doing! Hands off man !!
Thank you so much. Keep learning.
Sir your channel is reason to fall in love with web design ❤️🔥🙏🏻
SIR, YOU ARE A LEGEND!.
THANK YOU GAZILLION TIMES!
First 🔥🔥
Thanks
clever stuff, thankyou very much.
Great effort sir. I see for your vedio's make simple website own..
Thanks a lot uploaded vedio
thanks ravi
It was very helpful....and very very creative
12 👍 like and 4 comment❤️
thank you very much brother. its a nice and very help full video for me.
again thanks a lot.
keep going like this .
best of luck.
Love form Bangladesh.💝
very good instruction. Very helpfulll..
Broooooo veryy thanks for this video
Very nice thanks bro👌👌❤️❤️
Thanks for sharing on how to do this. I need more time understanding all of this honestly.
Always big fan from Bangladesh
thanks Snigdho
Sir this is my dream web design
you are a machine,thanks!
Thank you very much👍
hii sir i watch all your vedios it is very helpful sir thankyu so much
Thanks Vansh
Thank you so much for the tutorial. Much love
It will be very helpful for us who want to be an affiliate.
Amazing tutorial
Thanks a lot for this video. It really helped me a lot..!!
Exactly what I was looking for. This a great, and very simple way to add a gallery to my website. Thank you.
Thanks sir htm CSS and JavaScript use Karke video upload Kardo
Thank you for taking the time to help me with my project. I really appreciate it.
thank you this tutrorial i loved
Dear friend
Your presentation is perfect and works flawlessly. I'm excited.
Question: Instead of the selected large image, I would like to display the content of a stored URL address directly. is this possible Thank you for any suggestion. Best regards from Switzerland from Jürg Lienhard
Yes it's possible
Just link them in the source
Amaizing work. I managed to create my own gallery too.
Thank you.. your video helped me a lot😊
thank you so much @Easy Tutorial you're one a million, keep up the good work
Thank you so much raheem!
Yes, This Video Help full for me
thank you, man!
alhamdulillah, thanks bro
If there is left and right scroll button,it would be perfect :) Still amazing,I will add my photos here and make it library of our trips and celebrations... Thank you very much
Beautiful video, just what I was looking for and well done. One question, can I add a description to each photo on the gallery page?
Thank you, Dale Winburn
This was very helpful, thank you!
Very good the video is help me well
thank you for the help
Greate your video, thanks ^^
Perfect bro ❤️🔥
Amazing always.
Very helpful video 🥰
I like your style of explaining things. 👍. have you ever thought of diving deeper to backend ..and create a complete webapp with Nodejs. then share it here..a complete process like the way you do with Front end. Probably add a framework like React for Front end... I think your style of teaching can make the hard staff easier to absorb like the way you do with css tricks
Sir please make a website for affiliate marketing using html , css and javascript
Thanks for the content, it's great
bro you are too good
Great video! Would like to see buttons on the modal to navigate between images
this video can help you with that: ruclips.net/video/C1B1Fx3XKOg/видео.html
superb one 🙂
Thank you my pro
Great video
Thank you so much.
Awesome
just mazing
nice 😃
i love this and im using it for my poe submission at school . please , how can i add a different caption(paragraph) when i open an image
exactly what I was looking for. This a great, and very simple way to add a gallery to my website. Thank you.
Good explanation bro 👍very useful
Great! Thanks. (just for bigger screen i would suggest minmax 300px
Thanks
thanks for the vid, interesting to know how to add prev and next buttons to it
Please check this gallery tutorial: ruclips.net/video/4gcy-qT9kGw/видео.html
Great video !!!
Thank you for nice lecture. I have question, maybe I did not do something as you do it, and wonder where I do mistake. Firstly, I do not get rotate with 1 degree, second with javascript, I cannot get the smae result as you do. Should I install something on my PC to run the same result as you did?
I need to answer to my question here. I did mistake in syntaxes, for example in css file was missing ";" for the rotation style. In JavaScript, I had mistake in the display function, instead "display" was written "dispaly". Thank you, I learned a lot today. Will keep watching your virtual lestons. See you soon again.
Dear friend I love your content very much he helped me a lot and was source of inspiration for me to make up a channel source code continue so because so you will help many new future web programmers. ✌👌
Sir please make a video on javascript tutorial
thank's you are Great
thanks to you for comment.
Thanks sir
you are a star thanks, i just need to make it responsive now, appears really small in mobile, tablet mode.
in min-max just increase the minimum with
Learning the basics..brbsn
Your tutorials are amazing, thank your so much for that^^
how to create dropdown navbar using html and css and bootstrap plz make this video
very nice
Thank you so much for your work !!!! Really appreciate it !!!
Can you make a image slider ?
Awsome
Sir thank you very much but what if images are of different sizes? As all the containers in a grid is of same size , then the container with a smaller image will remain empty . Is there any way to utilize the total available space efficiently?
so that segmentation of the container can be avoided. And at runtime, the most appropriate image that fit the available container space take its place.
Now how to put download and share buttons below each of these images
Thanks, sir how to make online website...
learn here: ruclips.net/video/0csRmmgN31o/видео.html
Sir please guide me for the next and previous button functionality for this gallery
Great video thanks bro. Can u make a video on how to add upload file option so that i can add images from my files to this image gallery
Ek video search music filter ki Banakar lao Sar please please
second ❤️❤️
Sir please make playlist on react js project
Sir, could you plse tell how to add thumbnail when I enlarge the image
Can you do the gallery in a pyramid form
sir, Edit HTML CSS from any software? please reply sir
you can use any text editor, i will recommend you to learn from this beginner's tutorial: ruclips.net/video/GAZVvpjxYQY/видео.html
Now how to put download and share buttons below each of these images
@@GreatStackDev Now how to put download and share buttons below each of these images
plz make a full portfolio website plz plz..
Nice
From where I can download your all files which you have created in this tutorial??
can i use the same formula for figures instead of images?
সুবহানাল্লাহ! দুই জন মুসলিম পরস্পর হাত মেলানোর মাঝেই এতো ফজিলত! অথচ আমাদের একে অন্যের প্রতি অন্তর ভরা বি*দ্বেষ। আসুন, সাক্ষাতে সালাম শেষে মুসাফা করি। পারস্পরিক হৃদ্যতা বাড়াই ও পাপগুলো ঝড়াই।
sir please make a complete construction website tutorial
Sir
One problem here when cursor stay in picture corner the picture was vibrate solve this problem sir
Why we are using div for bg instead of giving bg image in body. Any specific reasons
I referred your html css code. For functionalities I used Javascript. I fetched the full image id,clicked image id and changed the fullimage.src path to clicked image path. But I am not able to display it. I asked chatgpt but it says that - "If you are working with local image files on your computer, displaying them directly from the local file system using JavaScript in a web browser is restricted due to security reasons." Can you please help me?
const images = document.querySelectorAll('.image');
let fullImageElement = document.querySelector('.full-img');
images.forEach(image => image.addEventListener('click',function(e){
let src = e.target.src;
let fullImageElement = document.querySelector('.full-img');
fullImageElement.src = src;
fullImageElement.style.display = 'flex';
})
);
Please make a typing speed checking website
I'm having issues using z index also could you please upload a website tutorial where z index is used
What size are the images, or can we use any size?
thanks sir
Bro can we use only Html and css
for click feature we need javascript also
Great video, Thank you so much sir 🙏 how can i get the source code
Hello: My display image is above the gallery images but rather than over them. How can i move it as an overlay over the galery images?