Lazy load в p:graphicImage Primefaces

Я вывожу картинки через

    <p:graphicImage value="#{mainPageBean.iconImage}" style="display: none" styleClass="graphicImage">
        <f:param name="pathToIconImage" value="#{article.image}"/>
    </p:graphicImage>

Все картинки, выводящиеся в этом элементе прогружаются сразу. Мне необходимо, чтобы картинка загружалась при появлении на экране браузера, есть ли какая-то возможность включить ленивую загрузку у p:graphicImage. Полный код

                    <p:dataScroller id="scrollerId" value="#{mainPageBean.articles}" var="article"
                                widgetVar="newsTable" styleClass="tableClass" rowIndexVar="rowIndex" first="0">
                    <p:outputPanel id="fullScrollerItemId" styleClass="fullDatascrollerItem">
                        <p:outputPanel id="outputPanelId" styleClass="visibleDatascrollerItem">
                            <p:panelGrid>
                                <p:row styleClass="firstNewsRow">
                                    <p:column styleClass="imageCell" rowspan="2">
                                        <p:graphicImage value="#{mainPageBean.iconImage}" style="display: none" styleClass="graphicImage">
                                            <f:param name="pathToIconImage" value="#{article.image}"/>
                                        </p:graphicImage>
                                     </p:column>
                                 </p:row>
                            </p:panelGrid>
                        </p:outputPanel>
                   </p:dataScroller>