Leave a Reply

222 Comments on "How to Create Photo Gallery Grid with Modal Window Lightbox"

Notify of
avatar

Hungry Muttz
Guest
Hungry Muttz
1 year 3 months ago

Thank you for posting this tutorial it was just what I wanted and is the best one I have done by far I will take a look at your site to see if you do slider I have done a few tutorials and can't get them to work, so doing this tutorial has lifted my excitement again thank you 🤓🤓

Hungry Muttz
Guest
Hungry Muttz
1 year 3 months ago

Thank you for posting this tutorial it was just what I wanted and is the best one I have done by far I will take a look at your site to see if you do slider I have done a few tutorials and can't get them to work, so doing this tutorial has lifted my excitement again thank you 🤓🤓

Charissa West
Guest
Charissa West
1 year 3 months ago

What if you want to create a logo grid to modal info box solution? I have Ultimate VC Addons which has a modal window, but there doesn't seem to be a way to link it to a grid of logos.

Charissa West
Guest
Charissa West
1 year 3 months ago

What if you want to create a logo grid to modal info box solution? I have Ultimate VC Addons which has a modal window, but there doesn't seem to be a way to link it to a grid of logos.

Nuriyya Ruslan
Guest
Nuriyya Ruslan
1 year 3 months ago

thanks a lot. but firefox don't support it. how I can solve this problem ? )

Nuriyya Ruslan
Guest
Nuriyya Ruslan
1 year 3 months ago

thanks a lot. but firefox don't support it. how I can solve this problem ? )

Max Payne
Guest
Max Payne
1 year 5 months ago

excellent tutorials,thanks …subscribed

Jason 711
Guest
Jason 711
1 year 5 months ago

+Max Payne Dw i tweaked lightbox.css to make the modal view smaller.

Max Payne
Guest
Max Payne
1 year 5 months ago

i dont know worked fine for me .i used the same image as thumbnail and for high resolution.i used bootstrap and here is code : <div class="col-xs-6 col-sm-3 col-md-3 gallery1"> <a href="images/g1.jpeg" data-lightbox="gallery"><img id="" src="images/g1.jpeg" class="img-responsive" alt="Responsive image"></a> </div>

Jason 711
Guest
Jason 711
1 year 5 months ago

Max Payne My one becomes smaller but it works just like his when i didnt have the lightbox javascripts

Jason 711
Guest
Jason 711
1 year 5 months ago

Max Payne Mine doesnt workkk please help

Max Payne
Guest
Max Payne
1 year 5 months ago

excellent tutorials,thanks …subscribed

Jason 711
Guest
Jason 711
1 year 5 months ago

+Max Payne Dw i tweaked lightbox.css to make the modal view smaller.

Max Payne
Guest
Max Payne
1 year 5 months ago

i dont know worked fine for me .i used the same image as thumbnail and for high resolution.i used bootstrap and here is code : <div class="col-xs-6 col-sm-3 col-md-3 gallery1"> <a href="images/g1.jpeg" data-lightbox="gallery"><img id="" src="images/g1.jpeg" class="img-responsive" alt="Responsive image"></a> </div>

Jason 711
Guest
Jason 711
1 year 5 months ago

Max Payne My one becomes smaller but it works just like his when i didnt have the lightbox javascripts

Jason 711
Guest
Jason 711
1 year 5 months ago

Max Payne Mine doesnt workkk please help

Mahesh
Guest
Mahesh
1 year 5 months ago

You are awesome…! Thanks 🙂

Salwa S
Guest
Salwa S
1 year 4 months ago

Hi, I am doing my 1st JavaScript Project. Can you help me please? my javascript files are at "Local disc/folder1/folder2/js/lightbox.min.js" . I am writing "<script src="js/lightbox.min.js"></script>" but it is not working!! (the html and css files are at "folder2")… Thanks in advance 😀

Mahesh
Guest
Mahesh
1 year 5 months ago

Hi jason, I have made a simple lightbox gallery example for you. download it from here. github.com/Binaryhat/lightbox-example1

Jason 711
Guest
Jason 711
1 year 5 months ago

Mahesh Langote Can you help me? Mine doesnt work. I think the 'data-lightbox' attribute is not recognized:( help plz

Mahesh
Guest
Mahesh
1 year 5 months ago

You are awesome…! Thanks 🙂

Salwa S
Guest
Salwa S
1 year 4 months ago

Hi, I am doing my 1st JavaScript Project. Can you help me please? my javascript files are at "Local disc/folder1/folder2/js/lightbox.min.js" . I am writing "<script src="js/lightbox.min.js"></script>" but it is not working!! (the html and css files are at "folder2")… Thanks in advance 😀

Mahesh
Guest
Mahesh
1 year 5 months ago

Hi jason, I have made a simple lightbox gallery example for you. download it from here. github.com/Binaryhat/lightbox-example1

Jason 711
Guest
Jason 711
1 year 5 months ago

Mahesh Langote Can you help me? Mine doesnt work. I think the 'data-lightbox' attribute is not recognized:( help plz

1 9 10 11 12 13 18
wpDiscuz