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>
  • Ingen etiketter