Sidehistorik
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} |
...
I use it i conjunction with User Macro: me-image - Image lightbox with fancybox
Code
Kodeblok |
---|
<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
Kodeblok |
---|
<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> |