Source
<h3>Wipe with Manual Controls</h3>
<p:commandButton type="button" onclick="switcher.previous();"
icon="ui-icon-circle-triangle-w"/>
<p:commandButton type="button" onclick="switcher.next();"
icon="ui-icon-circle-triangle-e"/>
<p:imageSwitch effect="wipe" widgetVar="switcher" slideshowAuto="false">
<ui:repeat value="#{imageSwitchBean.images}" var="image">
<p:graphicImage value="/images/#{image}" />
</ui:repeat>
</p:imageSwitch>
<h3>Fade</h3>
<p:imageSwitch effect="fade">
<ui:repeat value="#{imageSwitchBean.images}" var="image">
<p:graphicImage value="/images/#{image}" />
</ui:repeat>
</p:imageSwitch>
<h3>Zoom</h3>
<p:imageSwitch effect="zoom">
<ui:repeat value="#{imageSwitchBean.images}" var="image">
<p:graphicImage value="/images/#{image}" />
</ui:repeat>
</p:imageSwitch>
<h3>TurnDown</h3>
<p:imageSwitch effect="turnDown">
<ui:repeat value="#{imageSwitchBean.images}" var="image">
<p:graphicImage value="/images/#{image}" />
</ui:repeat>
</p:imageSwitch>
<h3>Shuffle</h3>
<p:imageSwitch effect="shuffle">
<ui:repeat value="#{imageSwitchBean.images}" var="image">
<p:graphicImage value="/images/#{image}" />
</ui:repeat>
</p:imageSwitch>
<h3>Dialog Integration</h3>
<p:commandButton type="button" value="Show" onclick="dialog.show()" />
<p:dialog header="Images" widgetVar="dialog" modal="true" draggable="false" resizable="false"
width="425" height="250">
<p:imageSwitch effect="fade">
<ui:repeat value="#{imageSwitchBean.images}" var="image">
<p:graphicImage value="/images/#{image}" />
</ui:repeat>
</p:imageSwitch>
</p:dialog>
package org.primefaces.examples.view;
import java.util.ArrayList;
import java.util.List;
public class ImageSwitchBean {
private List<String> images;
public ImageSwitchBean() {
images = new ArrayList<String>();
images.add("nature1.jpg");
images.add("nature2.jpg");
images.add("nature3.jpg");
images.add("nature4.jpg");
}
public List<String> getImages() {
return images;
}
}
