There are a lot of fine Lightboxes for jquery on the market, both free and commercials, but they all need to be installed into Your Confluence:
First, All of the stuff below is quite generic and samples only, refer to the Lignbox documentation. Second, all the files are considered "foreign" during an upgrade and must be reimplemented. |
Some lightboxes:
prettyPhoto (Best, and actually free - does not support slide on iOS ) FloatBox (Best, not free for commercial sites) Flare (Not free) Slimbox2 (Free, not good on mobile devices) OrangeBox (Free) FancyBox |
Download the lightbox zip, upload it to the server and place the files under the install:
cd /opt/confluence/confluence mkdir mylightbox cd mylightbox mv ~/mylightbox.zip . unzip mylightbox.zip |
Download the lightbox zip, upload it to the server and place the files under the install:
This requires support for Linking in Tomcat |
cd /data mkdir mylightbox cd mylightbox mv ~/mylightbox.zip . unzip mylightbox.zip ln -s /data/mylightbox /opt/confluence/confluence/mylightbox |
Now these can be referenced as /opt/confluence/confluence id the server root, so in Custom HTML add:
<!-- MyLightbox --> <link rel="stylesheet" href="/mylightbox/css/mylightbox.css" type="text/css" media="screen" charset="utf-8" /> <script src="/mylightbox/js/jquery.mylightbox.js" type="text/javascript" charset="utf-8"></script> |
Some lighboxes requires to be initiated (the Jquery reference $ is AJS.$ for Confluence):
<script type="text/javascript" charset="utf-8"> AJS.$(document).ready(function(){ AjS.$("a[rel^='mylightbox']").mylightbox(); }); </script> |