Commit 5e94c4d9 authored by Andy Hausmann's avatar Andy Hausmann

Added new options: Animation effect and hideOnHover.

parent cb3e93c7
......@@ -12,6 +12,27 @@
<type>array</type>
<el>
<settings.animation>
<TCEforms>
<label>
LLL:EXT:flexslider/Resources/Private/Language/locallang_be.xml:flexforms_settings.animation
</label>
<config>
<type>select</type>
<items type="array">
<numIndex index="0" type="array">
<numIndex index="0">LLL:EXT:flexslider/Resources/Private/Language/locallang_be.xml:flexforms_settings.animation.fade</numIndex>
<numIndex index="1">fade</numIndex>
</numIndex>
<numIndex index="1" type="array">
<numIndex index="0">LLL:EXT:flexslider/Resources/Private/Language/locallang_be.xml:flexforms_settings.animation.slide</numIndex>
<numIndex index="1">slide</numIndex>
</numIndex>
</items>
</config>
</TCEforms>
</settings.animation>
<settings.autoPlay>
<TCEforms>
<label>
......@@ -39,7 +60,7 @@
<settings.hideControlNav>
<TCEforms>
<label>
LLL:EXT:mm_flexslider/Resources/Private/Language/locallang_be.xml:flexforms_settings.hideControlNav
LLL:EXT:flexslider/Resources/Private/Language/locallang_be.xml:flexforms_settings.hideControlNav
</label>
<config>
<type>check</type>
......@@ -48,6 +69,18 @@
</TCEforms>
</settings.hideControlNav>
<settings.pauseOnHover>
<TCEforms>
<label>
LLL:EXT:flexslider/Resources/Private/Language/locallang_be.xml:flexforms_settings.pauseOnHover
</label>
<config>
<type>check</type>
<default>0</default>
</config>
</TCEforms>
</settings.pauseOnHover>
</el>
</ROOT>
</sDEF>
......
......@@ -10,18 +10,26 @@
<label index="pi1_plus_wiz_description">The popular FlexSlider</label>
<!-- Flexforms -->
<label index="flexforms_tab.settings">Settings</label>
<label index="flexforms_settings.animation">Animation effect</label>
<label index="flexforms_settings.animation.fade">Fade</label>
<label index="flexforms_settings.animation.slide">Slide</label>
<label index="flexforms_settings.autoPlay">Auto Play</label>
<label index="flexforms_settings.slideSpeed">Slideshow Speed (in ms)</label>
<label index="flexforms_settings.hideControlNav">Hide control navigation</label>
<label index="flexforms_settings.pauseOnHover">Pause the slideshow when hovering</label>
</languageKey>
<languageKey index="de" type="array">
<label index="pi1_title">FlexSlider</label>
<label index="pi1_plus_wiz_description">Der berühmte FlexSlider</label>
<!-- Flexforms -->
<label index="flexforms_tab.settings">Einstellungen</label>
<label index="flexforms_settings.animation">Animationseffekt</label>
<label index="flexforms_settings.animation.fade">Faden</label>
<label index="flexforms_settings.animation.slide">Sliden</label>
<label index="flexforms_settings.autoPlay">Automatisches Abspielen</label>
<label index="flexforms_settings.slideSpeed">Slideshow-Geschwindigkeit (in ms)</label>
<label index="flexforms_settings.hideControlNav">Verstecke Kontroll-Navigation</label>
<label index="flexforms_settings.pauseOnHover">Slideshow pasusiren bei Mouseover</label>
</languageKey>
</data>
</T3locallang>
\ No newline at end of file
......@@ -7,10 +7,12 @@
<script type="text/javascript">
$(window).load(function() {
$('.flexslider').flexslider({
animation: "{settings.animation}",
slideshow: <f:if condition="{settings.autoPlay} > 0"><f:then>true</f:then><f:else>false</f:else></f:if>,
slideshowSpeed: <f:if condition="{settings.slideSpeed} > 0"><f:then>{settings.slideSpeed}</f:then><f:else>7000</f:else></f:if>,
directionNav: <f:if condition="{settings.hideControlNav} > 0"><f:then>false</f:then><f:else>true</f:else></f:if>,
});
slideshowSpeed: <f:if condition="{settings.slideSpeed} > 0"><f:then>{settings.slideSpeed}</f:then><f:else>7000</f:else></f:if>,
directionNav: <f:if condition="{settings.hideControlNav} > 0"><f:then>false</f:then><f:else>true</f:else></f:if>,
pauseOnHover: <f:if condition="{settings.pauseOnHover} > 0"><f:then>true</f:then><f:else>false</f:else></f:if>
});
});
</script>
......@@ -24,14 +26,14 @@
<f:then>
<f:link.page pageUid="{flexSlider.link}">
<f:image
src="uploads/tx_flexslider/{flexSlider.image}"
alt="{flexSlider.caption}" />
src="uploads/tx_flexslider/{flexSlider.image}"
alt="{flexSlider.caption}" />
</f:link.page>
</f:then>
<f:else>
<f:image
src="uploads/tx_flexslider/{flexSlider.image}"
alt="{flexSlider.caption}" />
src="uploads/tx_flexslider/{flexSlider.image}"
alt="{flexSlider.caption}" />
</f:else>
</f:if>
<p class="flex-caption">
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment