Confluence also uses Fancybox, this can give issues, at this moment this is not working i v4.1
Name | include-fancybox |
---|---|
Macro Body Processing | No macro body |
Output format | HTML |
Usage | {include-fancybox} |
This should actualle be called "attach-fancybox" as is attaches the build in fancybox (bundled with Confluence in the Advanced Macros) to object with id "single_image"
I use it i conjunction with User Macro: me-image - Image lightbox with fancybox
Code
<script type="text/javascript"> AJS.toInit(function () { jQuery('a#single_image').fancybox({ 'width' : '80%', 'height' : '80%', 'speedIn' : 600, 'speedOut' : 200, 'overlayShow' : false }); }); </script>
Alternate code that scales picture after UserAgent, see more here
<script type="text/javascript"> var isiPad = navigator.userAgent.match(/iPad/i) != null; if (isiPad) { var vWidth='50%'; var vHeight='50%'; } else { var vWidth='100%'; var vHeight='100%'; } AJS.toInit(function () { jQuery('a#single_image').fancybox({ 'width' : vWidth, 'height' : vHeight, 'speedIn' : 600, 'speedOut' : 200, 'overlayShow' : false }); }); </script>