【问题标题】：How can i do a sequential display of a list of image(awt.Image) with JQuery?如何使用 JQuery 顺序显示图像列表（awt.Image）？
【发布时间】：2023-03-03 04:32:01
【问题描述】：

我有一个大问题，我需要你的帮助。

我的应用程序带有 JSF 和丰富的面孔。我的模型（imageModel）中有一个图像列表：

import java.awt.Image;
List<Image> liste_images = new ArrayList<Image>()

我必须在同一个地方一个一个地播放它们（每 3 秒显示一个）。

我如何使用 J Query 做到这一点？我必须将图像列表发送到 java 脚本然后显示它们？

请帮忙！

【问题讨论】：

对我来说您似乎需要一个普通的图像滑块
你好 Spokey，请帮帮我！
您的liste_images 是否包含图片链接？
No Spokey 我的列表包含图像（java.awt.Image）而不是图像链接image = ImageIO.read(new File(path_image)); liste_images.add(image);
最简单的方法是创建一个HTML <img> 元素，否则Javascript 无法读取它。

标签： javascript jquery jakarta-ee jsf-2 richfaces

【解决方案1】：

好吧，既然您使用的是 RichFaces：

图片展示

有<a4j:mediaOutput> (link) 用于展示图片：

<a4j:mediaOutput element="img" id="image"
    createContent="#{bean.paint}" value="#{bean.currentImage}" />

paint 方法接受一个 OutputStream 和一个 Object（由 value 属性提供）：

public void paint(OutputStream out, Object data) {
    BufferedImage img = (BufferedImage) data;

    ImageIO.write(img, "jpg", out);
}

假设您使用 BufferedImage。

图片切换

有<a4j:poll> (link) 发出周期性的ajax请求。

<a4j:poll render="image" interval="3000" enabled="#{bean.active}"
    actionListener="#{bean.showNextImage()}" />

showNextImage 方法会从列表中获取下一张图片，我相信你知道怎么做。 :)

【讨论】：

谢谢你，Makhiel，我爱你hhh