Confluence also uses Fancybox, this can give issues.
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 [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
var isiPad = navigator.userAgent.match(/iPad/i) != null; if (isiPad) { var vWidth='50%'; var vHeight='50%'; } else { var vWidth='100%'; var vHeight='100%'; }