*/
public class FancyBoxPage extends DemoPage {
public FancyBoxPage() {
add(new FancyBoxWebMarkupContainer("example1"));
add(new FancyBoxWebMarkupContainer("example2", new FancyBoxOptions()
.overlayShow(false).transitionIn("elastic")
.transitionOut("elastic")));
add(new FancyBoxWebMarkupContainer("example3", new FancyBoxOptions()
.transitionIn("none").transitionOut("none")));
add(new FancyBoxWebMarkupContainer("example4", new FancyBoxOptions()
.opacity(true).overlayShow(false).transitionIn("elastic")
.transitionOut("none")));
add(new FancyBoxWebMarkupContainer("example5"));
add(new FancyBoxWebMarkupContainer("example6", new FancyBoxOptions()
.titlePosition("outside").overlayColor("#000")
.overlayOpacity(0.9f)));
add(new FancyBoxWebMarkupContainer("example7",
new FancyBoxOptions().titlePosition("inside")));
add(new FancyBoxWebMarkupContainer("example8",
new FancyBoxOptions().titlePosition("over")));
add(new GenericFancyBoxBehavior(
"a[rel=example_group]",
new FancyBoxOptions()
.transitionIn("none")
.transitionOut("none")
.titlePosition("over")
.titleFormat(
"return '<span id=\"fancybox-title-over\">Image ' + (currentIndex + 1) + ' / ' + currentArray.length + (title.length ? ' ' + title : '') + '</span>';")));
add(new FancyBoxWebMarkupContainer("various1"));
add(new FancyBoxWebMarkupContainer("various2", new FancyBoxOptions()
.width("75%").height("75%").autoScale(false)
.transitionIn("none").transitionOut("none").type("iframe")));
add(new FancyBoxWebMarkupContainer("various3", new FancyBoxOptions()
.padding(0).autoScale(false).transitionIn("none")
.transitionOut("none")));
}