Gallery Lightbox effect using magnific pop up

Gallery Lightbox effect using magnific pop up

Rama Ken

8 лет назад

24,085 Просмотров

This video shows how to make a lightbox effect on your picture gallery using the magnific pop-up plugin. The webpage is set up using HTML and CSS then styled and finally the plug-in is used.
The final file for the whole process is given in the description for reference.

The exercise files link

https://github.com/simplyeleza/SIMPLY-Lightbox-Gallery

GitHub exercise file links

https://github.com/simplyeleza/SIMPLY-Lightbox-Gallery.git


Magnific pop-up webpage http://dimsemenov.com/plugins/magnific-popup/

Magnific pop-up documentation http://dimsemenov.com/plugins/magnific-popup/documentation.html

Magnific pop-up GitHub https://github.com/dimsemenov/Magnific-Popup

Тэги:

#magnificpopup #lightbox #lightboxgallery #cssgallery #websitegallery #htmlgallery #htmlcssgallery #Magnific_Popup #Magnific-_Popup #htmlpopupgallery #popupgallery #magnific_pop_up #magnific-popup ##ramaken #ramaken
Ссылки и html тэги не поддерживаются


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

@aliouneaidaradiop8148
@aliouneaidaradiop8148 - 08.03.2019 15:56

Good work

Ответить
@Michi-jr5ki
@Michi-jr5ki - 10.02.2018 21:42

Very nice and helpfull video, but how can i change the zize of the popup image.

Ответить
@rufataliyev3465
@rufataliyev3465 - 02.01.2018 16:26

hey guys code doesn't work when i add bootstrap js ? any ideas?

Ответить
@shrutigurav7659
@shrutigurav7659 - 21.06.2017 07:35

thank you..i will check:-)

Ответить
@shrutigurav7659
@shrutigurav7659 - 20.06.2017 08:40

hello, that forword and backword buttons are not displaying, how to write code for that? plz tell

Ответить
@shrutigurav7659
@shrutigurav7659 - 20.06.2017 07:56

thanku so much....code is working....so happy:-)

Ответить
@omarsameh688
@omarsameh688 - 06.03.2017 23:21

my image isn't displaying in popup.. it opens a new page displaying the clicked pic

Ответить
@meer2996
@meer2996 - 12.02.2017 21:38

hi im using ur provided file but my image also open in new tab not in popup

Ответить
@haveknowledgeindia8199
@haveknowledgeindia8199 - 10.02.2017 09:54

thanks

Ответить
@onkarutagi4816
@onkarutagi4816 - 08.01.2017 10:19

Hello i used the same code as shown above and also downloaded the folder from drive but the image is not opening in popup instead it gets open in new window.
So what is missing in code?? Can u please tell

Ответить
@Mo81094
@Mo81094 - 31.08.2016 00:01

Any way for me to edit the "1of4" "2 of 4" so I could make it a hover and change so I am able to put a description

Ответить
@afeezolopade8654
@afeezolopade8654 - 13.08.2016 23:33

Thanks man, This is solid. Needless to say that i spent half an hour debugging why mine is not working. Only to realize that the js files must be loaded just at the end of the html body.

Ответить
@GabrielOkpo
@GabrielOkpo - 13.06.2016 19:05

It's quite hard to follow please. You know there are newbies to this.

Ответить
@jjobkr
@jjobkr - 23.05.2016 18:24

Please make more video like this...Also could you make an about WebGL or the HTML Canvas API.

Thanks

Ответить