ncue/dreamgirl
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add fullscreen lightbox on slideshow image click

Browse Source
This commit is contained in:
dsyoon
2025-12-28 00:10:04 +09:00
parent b2ffd1b2dc
commit a8f30018e8
3 changed files with 106 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
index.html
View File

@@ -14,6 +14,7 @@
<script type="text/javascript" src="js/bestpic.js"></script>
<script type="text/javascript" src="js/image_manifest.js"></script>
<script type="text/javascript" src="js/uploader.js"></script>
<script type="text/javascript" src="js/lightbox.js"></script>
<!-- We only want the thunbnails to display when javascript is disabled -->
<script type="text/javascript">
@@ -74,6 +75,13 @@
</div>
</div>
<div id="footer">&copy; 2009 Trent Foley</div>
<div id="lightbox" class="lightbox" style="display:none;" aria-hidden="true">
<div class="lightbox-backdrop"></div>
<button id="lightbox-close" class="lightbox-close" type="button" aria-label="Close">×</button>
<div class="lightbox-content" role="dialog" aria-modal="true">
<img id="lightbox-img" alt="" />
</div>
</div>
<script type="text/javascript">
// Build thumbs + init gallery after DOM is ready (and after bestpic.js runs).
jQuery(function() {