File tree 2 files changed +64
-0
lines changed 2 files changed +64
-0
lines changed Original file line number Diff line number Diff line change
1
+ jQuery Plugin: Popup Lightbox Developed by Codehim.
2
+
3
+ For more Awesome Web projects and plugins keep visiting us:
4
+
5
+ Codehim: https://www.codehim.com
6
+
7
+ GitHub: https://github.com/CodeHimBlog
8
+
9
+ For suggestions, help or feedback:
10
+ https://www.codehim.com/p/contact.html
11
+ Email: aasomughal@gmail.com
12
+
13
+
14
+ Asif Mughal
15
+
16
+
Original file line number Diff line number Diff line change
1
+ < DOCTYPE html >
2
+ < html >
3
+ < head >
4
+ < meta name ="viewport " content ="width=device-width, initial-scale=1 "/>
5
+ < title > jQuery and CSS Popup Image Lightbox </ title >
6
+ <!--jQuery-->
7
+ < script src ="../js/jquery.min.js "> </ script >
8
+ <!--Font Awesome-->
9
+ < link href ="../css/font-awesome.min.css " rel ="stylesheet " />
10
+ <!--Animate CSS-->
11
+ < link href ="../css/animate.css " rel ="stylesheet " />
12
+ <!--Popup Lightbox Js-->
13
+ < script src ="js/jquery.popup.lightbox.js "> </ script >
14
+ <!--Popup Lightbox CSS-->
15
+ < link href ="css/popup-lightbox.css " rel ="stylesheet " />
16
+ < script >
17
+ $ ( document ) . ready ( function ( ) {
18
+
19
+ $ ( ".img-container" ) . popupLightbox ( ) ;
20
+
21
+
22
+ } ) ;
23
+ </ script >
24
+ </ head >
25
+ < body >
26
+
27
+ < h2 > jQuery Lightbox Popup Window Example</ h2 >
28
+ < p > Select any image to view the lightbox Popup window. </ p >
29
+ < div class ="img-container ">
30
+ < img src ="images/jquery-lightbox-image2.jpg " alt ="lightbox image 2 " />
31
+ < img src ="images/jquery-lightbox-image3.jpg " alt ="lightbox image 3 "/>
32
+ < img src ="images/jquery-lightbox-image1.jpg " alt ="Effel Tower "/>
33
+ < img src ="images/jquery-lightbox-image4.jpg " alt ="lightbox image 4 " />
34
+ </ div >
35
+
36
+
37
+
38
+
39
+ </ article >
40
+ </ main >
41
+ <!--Demo Only Files-->
42
+ < link href ="docs/demo.css " rel ="stylesheet " />
43
+
44
+ < footer class ="credit ">
45
+ Coded with < span title ="Coffee "> </ span > by Asif Mughal © 2019 - < a href ="https://www.codehim.com " rel ="dofollow " title ="Awesome Web Projects and Tutorials " target ="_blank "> Codehim.com </ a >
46
+ </ footer >
47
+ </ body >
48
+ </ html >
You can’t perform that action at this time.
0 commit comments