Jsf Primefaces:Lightbox更改图像高度
当我在lightbox中设置一个特殊高度(例如100px或100%)时,叠加图像不会展开。使用css也不可能做到这一点。使用javascript,构建一个仍在进行中的解决方案并不是那么容易。 是否有人能够以任何方式在灯箱组件中设置高度?我在许多非jsf页面上使用lightbox,在那里它工作得非常完美Jsf Primefaces:Lightbox更改图像高度,jsf,primefaces,lightbox,Jsf,Primefaces,Lightbox,当我在lightbox中设置一个特殊高度(例如100px或100%)时,叠加图像不会展开。使用css也不可能做到这一点。使用javascript,构建一个仍在进行中的解决方案并不是那么容易。 是否有人能够以任何方式在灯箱组件中设置高度?我在许多非jsf页面上使用lightbox,在那里它工作得非常完美 <p:lightBox styleClass="eintragFullscreen" height="100px" rendered="#{eintragPublic.hasImage}"&
<p:lightBox styleClass="eintragFullscreen" height="100px" rendered="#{eintragPublic.hasImage}">
<h:outputLink value="#{request.contextPath}/images/image?id=#{eintragPublic.eintrag.id}">
<h:graphicImage
value="/images/image?id=#{eintragPublic.eintrag.id}"
styleClass="img_eintrag" />
</h:outputLink>
</p:lightBox>
您可以像这样指定缩略图高度和覆盖高度
<html xmlns="http://www.w3.org/1999/xhtml"
xmlns:h="http://java.sun.com/jsf/html"
xmlns:f="http://java.sun.com/jsf/core"
xmlns:p="http://primefaces.org/ui">
<h:head>
<h:outputStylesheet>
.thumb {
height: 100px;
}
.view {
height: 500px;
}
</h:outputStylesheet>
</h:head>
<h:body>
<p:lightBox styleClass="view">
<h:outputLink value="#{request.contextPath}/resources/img.png">
<h:graphicImage styleClass="thumb" value="/resources/img.png" />
</h:outputLink>
</p:lightBox>
</h:body>
</html>
由于某些原因,缩略图高度会影响覆盖高度,因此必须明确指定这两种高度
p:lightbox的高度仅在inframe模式下指定覆盖高度,请参见