This template is a gallery that requires jQuery + jQuery UI Easing and AD Gallery from here:
http://adgallery.codeplex.com/documentation
Download AD Gallery and include it like this with TypoScript:
page {
includeCSS.adgalcss = fileadmin/ADGallery/lib/jquery.ad-gallery.css
includeJSFooter.adgallery = fileadmin/ADGallery/lib/jquery.ad-gallery.min.js
jsFooterInline {
77 = TEXT
77.value (
var galleries = $('.ad-gallery').adGallery();
)
}
}
Remove jsFooterInline, if you use the extended version of this template!
Or add this to jsFooterInline, if you want to display a FancyBox too:
$(".ad-gallery").on("click", ".ad-image", function() {
$.fancybox({
href : $(this).find("img").attr("src"),
closeBtn: true,
closeClick : true,
openEffect : 'elastic',
openSpeed : 150,
closeEffect : 'elastic',
closeSpeed : 150,
helpers : {
overlay : null
}
});
});
The FancyBox-solution is from here:
http://forum.jquery.com/topic/fancybox-in-ad-gallery
You need jQuery FancyBox and jQuery FancyBox Buttons. Download them and include them additional like this with TypoScript:
page {
includeJS.fancybox = fileadmin/template/fancyBox/source/jquery.fancybox.pack.js
includeCSS.fancybox = fileadmin/template/fancyBox/source/jquery.fancybox.css
}
Copy this HTML-file from typo3conf/ext/camaliga/Resources/Private/Templates/Content to your fileadmin-folder.
Specifty the fileadmin-folder like this:
plugin.tx_camaliga.view.templateRootPaths.1 = fileadmin/Resources/Private/Extensions/Camaliga/
Copy this file in the subfolder "Content" of this folder.