{namespace cam=Quizpalme\Camaliga\ViewHelpers}
Note: this template is deprecated. Use the extension fp_fractionslider instead!
This template is a slider that requires jQuery and FractionSlider from here:
http://jacksbox.de/fractionslider-demos/background-animation/
Download the FractionSlider and include it with the cam:addPublicResources here in the file (change the path!).
Start it with (replace the last values in dimensions with the width and height of your background image; thats very important):
page.jsFooterInline.819 = TEXT
page.jsFooterInline.819.value = jQuery(window).load(function(){ $('.fractionSlider').fractionSlider({'backgroundEase' : 'easeOutCubic', 'increase' : true, 'fullWidth': true, 'controls': true, 'pager': false, 'responsive': true, 'dimensions': '800,600'}); });
Hint: use the caption and custom fields to set individual animation effects! Replace then
data-in="right" data-position="330,200" data-delay="800" data-time="1750"
with
{content.custom1}
and so on.
Note: if you want to copy this HTML-file to your fileadmin-folder, you can specifty the folder like this:
plugin.tx_camaliga.view.templateRootPaths.1 = fileadmin/template/files/
Copy this file in a subfolder named "Content" of this folder.