У меня есть приложение для тестирования, в котором пользователю задается ряд вопросов на главной панели. После нажатия кнопки отправки отображается панель обратной связи и отображается анимированный GIF-файл на основе правильных / неправильных ответов. Анимированный GIF анимируется только при первой загрузке на страницу, но при последующих ответах он просто остается в своем конечном состоянии.
Кнопка работает следующим образом:
<a:commandLink id="next"
action="#{test.nextPage}"
value="Submit Answer"
rendered="#{! test.lastpage}"
styleClass="action-button submit next"
render="actions,testPanel,messagesPanel, lastQuestion, help"
onclick="showProcess();" oncomplete="initQuestion(); hideProcess();" />
Область обратной связи выглядит следующим образом:
<h:panelGroup rendered="#{test.previousStatus == 'CORRECT'}">
<img src="${request.contextPath}/images/correct_animated.gif" />
</h:panelGroup>
<h:panelGroup rendered="#{test.previousStatus == 'INCORRECT'}">
<img src="${request.contextPath}/images/incorrect_animated.gif"/>
</h:panelGroup>
Любая помощь будет высоко ценится!