[英]How to make an image slideshow with JSF?
可能吗? 如果答案是否定的,还有其他想法吗?
图片列表是动态的,取决于您正在查看的用户。 如何用用户上传的图像制作幻灯片?
现在,它以这种方式工作:显示一张图片,您需要关闭它才能打开下一张。
<rich:dataGrid id="albumGrid" value="#{someBean.pictures}" var="item" columns="4" elements="4" width="450px" rendered="#{not empty someBean.pictures}" style="margin-left:20px;">
<a4j:commandLink id="fullLinkProfile">
<a4j:actionparam name="pic" value="#{item.path}" assignTo="#{picsBean.path}" />
<h:graphicImage value="/home/pictures/user/#{item.path}" rendered="#{item.path != null}"/>
</a4j:commandLink>
<f:facet name="footer">
<rich:datascroller for="albumGrid" boundaryControls="hide" stepControls="show" fastControls="hide" >
</rich:datascroller>
</f:facet>
</rich:dataGrid>
使用任何javascript slideshow函数,并将带有逗号分隔的图像路径值的bean值参数传递给它。
使用jQuery将为您带来最佳效果。
还要检查一下 。
使用以下函数来创建传递Bean值的html代码,然后与任何jQuery插件集成。
function loadImage(imgPaths)
{
var images = imgPaths;
var imgArr=images.split(",");
var ulobj=document.getElementById("parentDiv");
var i;
var len =imagePath_array.length-1;
for(i=0;i<len;i++)
{
var imgObj=document.createElement("img");
var liObj=document.createElement("li");
imgObj.src=imgArr[i];
liObj.appendChild(imgObj);
ulobj.appendChild(liObj);
}
}
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.