Versioner sammenlignet

Gammel version 1

changes.mady.by.user Normann P. Nielsen

Gemt på

sammenlignet med

Ny version Nuværende

changes.mady.by.user Normann P. Nielsen

Gemt på

Nøgle

  • Linjen blev tilføjet.
  • Denne linje blev fjernet.
  • Formatering blev ændret.

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

Kodeblok

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
>
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 src="/fancybox/fancybox/jquery.fancybox-1.3.4.pack.js"></script>
<script type="text/javascript" src="/fancybox/jquery.mousewheel-3.0.4.pack.js"></script>
<link rel="stylesheet" href="/fancybox/fancybox/jquery.fancybox-1.3.4.css" type="text/css" media="screen" />= 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>