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 =
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 3,003
Downloads 1,084
CodeID
DB ID
