Skip to content

Commit 93f9c84

Browse files
authored
Add files via upload
1 parent 7fb5209 commit 93f9c84

File tree

2 files changed

+64
-0
lines changed

2 files changed

+64
-0
lines changed

info.txt

Lines changed: 16 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,16 @@
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+

popup-lightbox.html

Lines changed: 48 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,48 @@
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 &copy; 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>

0 commit comments

Comments
 (0)