Liferay 6.2 Web Content AUI Carousel Structure and Template / Image Slides

[Meera Prince, modificado 9 Anos atrás.]

HI
Have a look into following article for Image slide show using AUI Carousel

http://www.liferaysavvy.com/2014/06/liferay-62-web-content-aui-carousel.html


Regards,
Meera Prince

[Kiran Yalavali, modificado 8 Anos atrás.]

Hi Meera,

I'm following your blog for aui carousel slide show images but not working ,
Please check once that code.

Thanks,
Kiran.

[Meera Prince, modificado 8 Anos atrás.]

Hi
Please Check it there may be some css problem due to that some time images not visible.


Regards,
Meera Prince

[Meera Prince, modificado 8 Anos atrás.]

HI
Checked again in my local same structure and template its working well. i am using 6.2GA4 version.
It should work in all 6.2 version of liferay. I think there may be some css issue or java script blocking. Please try with browser inspect element so that you can find some clues.

Template
<script>
AUI({ filter: 'raw' }).use('aui-carousel', function(A) {
new A.Carousel({
intervalTime:${intervaltime.getData()},
contentBox: '#myCarousel',
activeIndex:0,
height:${containerhight.getData()},
width:${containerwidth.getData()}
}).render();

});
</script>
<#if images.getSiblings()?has_content>
<div id="myCarousel">
<#list images.getSiblings() as cur_images>

<#if cur_images_index==0>
<a href="${cur_images.imagelink.getData()}">
<div class="carousel-item" style="background: url(${cur_images.getData()})width:${containerwidth.getData()}px; height:${containerhight.getData()}px;" class="carousel-item carousel-item-active";">
</div>
</a>
</#if>
<a href="${cur_images.imagelink.getData()}"> <div class="carousel-item" style="background: url(${cur_images.getData()});width:${containerwidth.getData()}px; height:${containerhight.getData()}px;" class="carousel-item""></div></a>
</#list>

</div>
</#if>

Structure


<root available-locales="en_US" default-locale="en_US">
<dynamic-element dataType="image" fieldNamespace="wcm" indexType="keyword" localizable="true" name="images" readOnly="false" repeatable="true" required="false" showLabel="true" type="wcm-image" width="">
<dynamic-element dataType="link-to-page" fieldNamespace="ddm" indexType="keyword" localizable="true" name="imagelink" readOnly="false" repeatable="false" required="false" showLabel="true" type="ddm-link-to-page" width="small">
<meta-data locale="en_US">
<entry name="label">
<![CDATA[Link to Page]]>
</entry>
<entry name="predefinedValue">
<![CDATA[]]>
</entry>
<entry name="tip">
<![CDATA[]]>
</entry>
</meta-data>
</dynamic-element>
<meta-data locale="en_US">
<entry name="label">
<![CDATA[Image]]>
</entry>
<entry name="predefinedValue">
<![CDATA[]]>
</entry>
<entry name="tip">
<![CDATA[]]>
</entry>
</meta-data>
</dynamic-element>
<dynamic-element dataType="number" fieldNamespace="ddm" indexType="keyword" localizable="true" name="containerwidth" readOnly="false" repeatable="false" required="false" showLabel="true" type="ddm-number" width="small">
<meta-data locale="en_US">
<entry name="label">
<![CDATA[Container Width]]>
</entry>
<entry name="predefinedValue">
<![CDATA[]]>
</entry>
<entry name="tip">
<![CDATA[]]>
</entry>
</meta-data>
</dynamic-element>
<dynamic-element dataType="number" fieldNamespace="ddm" indexType="keyword" localizable="true" name="containerhight" readOnly="false" repeatable="false" required="false" showLabel="true" type="ddm-number" width="small">
<meta-data locale="en_US">
<entry name="label">
<![CDATA[Container Hight]]>
</entry>
<entry name="predefinedValue">
<![CDATA[]]>
</entry>
<entry name="tip">
<![CDATA[]]>
</entry>
</meta-data>
</dynamic-element>
<dynamic-element dataType="number" fieldNamespace="ddm" indexType="keyword" localizable="true" name="intervaltime" readOnly="false" repeatable="false" required="false" showLabel="true" type="ddm-number" width="small">
<meta-data locale="en_US">
<entry name="label">
<![CDATA[Interval Time]]>
</entry>
<entry name="predefinedValue">
<![CDATA[]]>
</entry>
<entry name="tip">
<![CDATA[]]>
</entry>
</meta-data>
</dynamic-element>
</root>


Regards,
Meera Prince

[Kiran Yalavali, modificado 8 Anos atrás.]

Hi Meera,

Thank you very much for quick response now it;s working fine, once again thank you.



Thanks,
Kiran.

[irfan khan, modificado 7 Anos atrás.]

If i use the above mention code for the Template and Structure.....only i need copy paste or some changes i must be do to achieve the task?

[irfan khan, modificado 7 Anos atrás.]

One other thing i want to be explain by expert that if i used medai content from application tab and use default template ...how i can reset the image size means hiegt and width to increase.....

[irfan khan, modificado 7 Anos atrás.]

plz expert explain....