Как динамически загружать изображения в карусели простых лиц - PullRequest
Новая
       41

Как динамически загружать изображения в карусели простых лиц

0 голосов
/ 07 марта 2019

Я сейчас занимаюсь разработкой приложения с использованием Primefaces.В моем приложении у меня есть карусель, которая отображает изображения человека.Теперь количество изображений может варьироваться от 1 до n.Когда изображения увеличиваются, конечно, увеличивается трафик и увеличивается время загрузки пользовательского интерфейса.Мой код выглядит следующим образом: 

<h:panelGroup style="width: auto; float: center;" layout="block">
                    <p:carousel id="mycarousel" styleClass="carouselSelector"
                        value="#{travellerMB.faceResponse.biometricIdentities}"
                        var="trvdoc" responsive="true" numVisible="1">
                        <p:lightBox id="lightBox">
                            <h:outputLink
                                value="data:image/jpeg;base64,#{trvdoc.imageBase64}">
                                <h:graphicImage
                                    value="data:image/jpeg;base64,#{trvdoc.imageBase64}"
                                    style="height:170px;width:auto;border:0px" />
                            </h:outputLink>
                        </p:lightBox>
                    </p:carousel>
                </h:panelGroup>

Теперь я хочу получить все изображения из моего WebService, сохранить их в сеансе, но выполнять ленивую загрузку с каждыми 3 изображениями, чтобынагрузка уменьшается.

В соответствии со статьями, которые я прочитал, карусель в простом виде не поддерживает отложенную загрузку.Я использую карусель, чтобы просто показать изображения, а затем лайтбокс, чтобы увеличить изображение.Как добиться аналогичных результатов с любым другим компонентом простых лиц, который также поддерживает отложенную загрузку.Что касается моего пересмотра, я знаю, что данные могут использоваться для отложенной загрузки, но я не могу придумать способ использовать это в моем сценарии.

...