如何更改JSF中链接相关的图片？

Question

我的页面上有与这些链接相关的链接和图片。我希望每次在链接中发生onmouseover事件时更改图片。我想在JSF中这样做。

非常感谢大家。

Answer 1

您正在寻找专门针对JSF的人，或者您对其他Javascript框架持开放态度，这些框架提供了一个灵活而简单的解决方案吗？例如，Jquery和Dojo等可能很容易合并到您的应用程序中，并将提供丰富的UI效果。

另一方面，如果你正在专门研究这些UI效果的JSF，那么我可以试着想办法让你知道。

Answer 2

Javascript解决方案：

在commandLink标签上定义onmouseover事件，调用某种javascript你可以给出类似onmouseover =“doSomething（'addressOfImage'）的链接地址”然后在doSomething javascript方法中，首先找到图像，然后设置默认的src属性图像到给定地址。

JSF解决方案：

您可能想要使用a4j。 添加a4j：支持链接onmouseover事件然后只需重新渲染graphicImage组件，你需要动态地给出graphicImage的值。下面有一个使用a4j支持的例子。您可以在mouseonover事件的链接标记之间添加此a4j：support。然后管理辅助bean上的所有内容以处理要显示的图像。

example

<h:graphicImage id="imageToBeRendered" value="#{myBean.imageAddress}"/>

如果您不知道，只需谷歌a4j。

Answer 3

JSF并非直接设计用于此目的;它旨在为您提供自己完成此工作的工具。为此，您需要创建一个自定义JSF组件来执行此操作，并且您将使用Java脚本来执行此操作。

你可能已经找到了一个JSF框架（a4j，IceFaces等），但这是一个如此简单且记录良好的JavaScript，只需在你的JSF中抛出一点Java脚本就完全可以接受了。但是，如果您不想重新发明轮子，请查看其他选项。