Index: webapp/cms/skins/demo/resources/js/jquery.carousel.min.js
===================================================================
--- webapp/cms/skins/demo/resources/js/jquery.carousel.min.js (revision 15958)
+++ webapp/cms/skins/demo/resources/js/jquery.carousel.min.js (working copy)
@@ -137,7 +137,7 @@
f(r)
}
if (q.stopSlideBtn == true) {
- r.$elts.stopSlideBtn = g('<button type="button" class="slide-control play">'
+ r.$elts.stopSlideBtn = g('<button type="button" class="slide-control play" title="' + q.stopSlideTextPause + '">'
+ q.stopSlideTextPause + "</button>");
a(r)
}
@@ -394,12 +394,12 @@
play : function() {
f(r);
q.removeClass("pause").addClass("play").html(
- r.params.stopSlideTextPause)
+ r.params.stopSlideTextPause).attr('title', r.params.stopSlideTextPause)
},
pause : function() {
m(r);
q.removeClass("play").addClass("pause").html(
- r.params.stopSlideTextPlay)
+ r.params.stopSlideTextPlay).attr('title', r.params.stopSlideTextPlay)
}
});
q.click(function(s) {
Index: webapp/cms/skins/demo/resources/css/services/filtered-contents-carousel.css
===================================================================
--- webapp/cms/skins/demo/resources/css/services/filtered-contents-carousel.css (revision 15958)
+++ webapp/cms/skins/demo/resources/css/services/filtered-contents-carousel.css (working copy)
@@ -25,32 +25,38 @@
.filtered-contents.carousel-contents .carousel-container {
width: 722px;
- min-height: 330px;
+ margin: 0px auto;
+}
+.filtered-contents.carousel-contents .carousel-container.js {
+ height: 337px;
position: relative;
background: transparent url(../../img/services/filtered-contents/slider.png) no-repeat 0 0;
- margin: 0px auto;
}
-.filtered-contents.carousel-contents .carousel-wrap {
+.filtered-contents.carousel-contents .carousel-wrap,
+.filtered-contents.carousel-contents ul {
width: 568px;
margin: 0px auto 0 auto;
}
-.filtered-contents.carousel-contents ul li {
+.filtered-contents.carousel-contents .carousel-container ul li {
+ padding-top: 18px;
+}
+.filtered-contents.carousel-contents .carousel-container.js ul li {
display: inline;
float: left;
- padding-top: 18px;
}
-.filtered-contents.carousel-contents .carouselDetails {
- position: relative;
- top: -92px;
- left:0;
+.filtered-contents.carousel-contents .carousel-container.js .carouselDetails {
+ position: absolute;
+}
+.filtered-contents.carousel-contents .carousel-container .carouselDetails {
+ bottom: 21px;
height:73px;
background: url("../../img/services/filtered-contents/transparent-bg.png");
color: #FFF;
padding: 8px;
- width: 556px;
+ width: 552px;
}
.filtered-contents.carousel-contents .carouselDetails a {
@@ -92,7 +98,7 @@
.filtered-contents.carousel-contents div.carousel-pagination {
text-align: center;
position: relative;
- top: -30px;
+ top: -20px;
}
.filtered-contents.carousel-contents div.carousel-pagination a{
padding: 0 10px;
Index: webapp/cms/skins/demo/services/web/pages/services/filtered-contents/list-carousel_3.3.xsl
===================================================================
--- webapp/cms/skins/demo/services/web/pages/services/filtered-contents/list-carousel_3.3.xsl (revision 15958)
+++ webapp/cms/skins/demo/services/web/pages/services/filtered-contents/list-carousel_3.3.xsl (working copy)
@@ -73,8 +73,16 @@
autoSlideInterval: 4000,
paginationPosition : "outside",
stopSlideBtn: true,
- stopSlideTextPause: "Pause",
- stopSlideTextPlay: "Play"
+ stopSlideTextPause: "<i18n:text i18n:key="SKIN_CAROUSEL_PAUSE" i18n:catalogue="skin.{$skin}" />",
+ stopSlideTextPlay: "<i18n:text i18n:key="SKIN_CAROUSEL_PLAY" i18n:catalogue="skin.{$skin}" />"
+ });
+
+ $j('#carousel-<xsl:value-of select="$uniqueId"/> a').each(function(index, element) {
+ $j(element).focus(function() {
+ $j('#carousel-<xsl:value-of select="$uniqueId"/>').next().find("a")[parseInt(index / 2)].click();
+ $j('#carousel-<xsl:value-of select="$uniqueId"/> .carousel-wrap').css('position', '').css('opacity', '0');
+ window.setTimeout("$j('#carousel-<xsl:value-of select="$uniqueId"/> .carousel-wrap').css('opacity', '1').css('position', 'relative');", 1);
+ });
});
});
</script>
@@ -97,7 +105,15 @@
<xsl:template name="common-service-body-nonempty-content-content">
<div id="carousel-{$uniqueId}" class="carousel-container">
+<!-- <script type="text/javascript"> -->
+<!-- $j("#carousel-<xsl:value-of select="$uniqueId"/>").hide(); -->
+<!-- $j().ready(function() { -->
+<!-- $j("#carousel-<xsl:value-of select="$uniqueId"/>").show(); -->
+<!-- }) -->
+<!-- </script> -->
+
<ul>
+
<xsl:apply-templates select="content"/>
</ul>
</div>
@@ -138,7 +154,7 @@
<xsl:variable name="page-id" select="html/head/meta[@name = 'pages/page;id']/@content"/>
<li>
- <img src="{resolver:resolveImage($type, $url, 270, 568)}" alt="{$alt-text}"/>
+ <img src="{resolver:resolveImage($type, $url, 270, 568)}" alt="{$alt-text}" width="568" height="270"/>
<div class="carouselDetails">
<a href="{resolver:resolve('page', $page-id, false)}" class="title"><xsl:value-of select="html/head/meta[@name = 'title']/@content" /></a>
<p>
Index: webapp/cms/skins/demo/i18n/messages_fr.xml
===================================================================
--- webapp/cms/skins/demo/i18n/messages_fr.xml (revision 15958)
+++ webapp/cms/skins/demo/i18n/messages_fr.xml (working copy)
@@ -99,6 +99,8 @@
<message key="SERVICE_SYNDICATION_XSLT_FILES_LIST_LABEL">Liste</message>
<message key="SERVICE_FILTERED_CONTENTS_XSLT_FILES_CAROUSEL_LABEL">Carrousel sur les contenus</message>
<message key="SERVICE_FILTERED_CONTENTS_XSLT_FILES_FEATURE_LIST_LABEL">Liste</message>
+ <message key="SKIN_CAROUSEL_PAUSE">Pause</message>
+ <message key="SKIN_CAROUSEL_PLAY">Lecture</message>
<!--+
BACK OFFICE : INLINE EDITOR
Index: webapp/cms/skins/demo/i18n/messages.xml
===================================================================
--- webapp/cms/skins/demo/i18n/messages.xml (revision 15958)
+++ webapp/cms/skins/demo/i18n/messages.xml (working copy)
@@ -99,6 +99,8 @@
<message key="SERVICE_SYNDICATION_XSLT_FILES_LIST_LABEL">List</message>
<message key="SERVICE_FILTERED_CONTENTS_XSLT_FILES_CAROUSEL_LABEL">Carousel on contents</message>
<message key="SERVICE_FILTERED_CONTENTS_XSLT_FILES_FEATURE_LIST_LABEL">List</message>
+ <message key="SKIN_CAROUSEL_PAUSE">Pause</message>
+ <message key="SKIN_CAROUSEL_PLAY">Play</message>
<!--+