留言板
Liferay 6.2 Web Content AUI Carousel Structure and Template / Image Slides
Meera Prince,修改在9 年前。
Liferay 6.2 Web Content AUI Carousel Structure and Template / Image Slides
Liferay Legend 帖子: 1111 加入日期: 11-2-8 最近的帖子
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
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,修改在8 年前。
RE: Liferay 6.2 Web Content AUI Carousel Structure and Template / Image Sli
Regular Member 帖子: 175 加入日期: 14-10-15 最近的帖子
Hi Meera,
I'm following your blog for aui carousel slide show images but not working ,
Please check once that code.
Thanks,
Kiran.
I'm following your blog for aui carousel slide show images but not working ,
Please check once that code.
Thanks,
Kiran.
Meera Prince,修改在8 年前。
RE: Liferay 6.2 Web Content AUI Carousel Structure and Template / Image Sli
Liferay Legend 帖子: 1111 加入日期: 11-2-8 最近的帖子
Hi
Please Check it there may be some css problem due to that some time images not visible.
Regards,
Meera Prince
Please Check it there may be some css problem due to that some time images not visible.
Regards,
Meera Prince
Meera Prince,修改在8 年前。
RE: Liferay 6.2 Web Content AUI Carousel Structure and Template / Image Sli
Liferay Legend 帖子: 1111 加入日期: 11-2-8 最近的帖子
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
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,修改在8 年前。
RE: Liferay 6.2 Web Content AUI Carousel Structure and Template / Image Sli
Regular Member 帖子: 175 加入日期: 14-10-15 最近的帖子
Hi Meera,
Thank you very much for quick response now it;s working fine, once again thank you.
Thanks,
Kiran.
Thank you very much for quick response now it;s working fine, once again thank you.
Thanks,
Kiran.
irfan khan,修改在7 年前。
RE: Liferay 6.2 Web Content AUI Carousel Structure and Template / Image Sli
New Member 帖子: 15 加入日期: 17-2-18 最近的帖子
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,修改在7 年前。
RE: Liferay 6.2 Web Content AUI Carousel Structure and Template / Image Sli
New Member 帖子: 15 加入日期: 17-2-18 最近的帖子
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,修改在7 年前。
RE: Liferay 6.2 Web Content AUI Carousel Structure and Template / Image Sli
New Member 帖子: 15 加入日期: 17-2-18 最近的帖子
plz expert explain....