h:graphicImageでマウスオーバーやアウトで画像を変える
まんまです
<h:graphicImage url="hoge.png"
onmouseover="this.src='hoge_over.png'"
onmouseout="this.src='hoge.png'" />
条件をつけたいときは
<h:graphicImage url="#{ なんとかが == 'AAA' ? 'hoge_over.png' : 'hoge.png' }"
onmouseover="this.src='hoge_over.png'"
onmouseout="this.src='#{ なんとかが == 'AAA' ? 'hoge_over.png' : 'hoge.png' }'" />
こんなかんじ。