title: How to get the selected image from <p:galleria
body: <p>In this code,</p>
  
  <pre><code>&lt;p:galleria value="#{Bean.images}" var="image" panelWidth="500" panelHeight="313" showCaption="true"
  &lt;p:graphicImage value="/images/galleria/#{image}" alt="Image Description for #{image}" title="#{image}"/ 
  &lt;/p:galleria&gt;
  </code></pre>
  
  <p>how do you get <code>selectedImage</code>? as expressed in 
  
  <pre><code>&lt;p:carousel id="carousel" value="#{tableBean.carsSmall}" var="car" itemStyleClass="carItem" headerText="Cars"&gt; 
      &lt;p:graphicImage id="image" value="/images/cars/#{car.manufacturer}.jpg"/&gt;   
  
      &lt;h:panelGrid columns="2" style="width:100%" cellpadding="5"&gt; 
          &lt;h:outputText value="Model: " /&gt;&lt;h:outputText id="model" value="#{car.model}" /&gt; 
      &lt;/h:panelGrid&gt; 
  
      &lt;p:commandLink id="view" update=":form:carDetail" oncomplete="carDialog.show()" title="View Detail"&gt; 
          &lt;h:outputText styleClass="ui-icon ui-icon-search" style="margin:0 auto;" /&gt;   
          &lt;f:setPropertyActionListener value="#{car}"   
                  target="#{tableBean.selectedCar}" /&gt; 
      &lt;/p:commandLink&gt; 
  &lt;/p:carousel&gt;  
  </code></pre>