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>
|