Fancybox apply

Applying Fancybox v2 from (Fancyapps)
This is the older simpler version, just lightbox to show images full screen, it can have lots of bells and whistles, but I just needed to add the simplest version here

After you extract files and moved them to web server, just use this example:

Add to head
<link href="<%=CSSFolder_URL%>jquery.fancybox.css" rel="stylesheet" />

Add AFTER JQuery call
<script src="<%=JSFolder_URL%>jquery.fancybox.js" type="text/javascript"></script>

Then for any image, just do this
<a href="<%=ImgFolder_URL%>Settings-LeftMenuB4Logo.jpg" data-fancybox="1" >
<img src="<%=ImgFolder_URL%>Settings-LeftMenuB4Logo.jpg" class="img-thumbnail" />
</a>

The 1 in Data-fancybox="1" is the group, so you can create albums to scroll through these albums based on the variable after =

Views 439 Downloads 187

'JQuery', 'fancy', 'fancybox', 'lightbox', 'jquery', 'album', 'img', 'image', 'picture', 'modal', 'data-fancybox', 'fancyapps'

ANmarAmdeen
448
Graphics JS+JQuery
Revisions

v1.0

Needs