En este ejemplo tenemos seis imagenes de tamaño pequeño y una de tamaño ampliado, deseamos cambiar las imagenes con solo pasar el mouse sobre la imagen (evento mouseover).
height="50" id="foto1ImageHyperlink" imageURL="#{propiedadesVer.propiedadesDataProvider.value['propiedades.foto1']}"
onMouseMove="imagen1(this);return false;" style="left: 310px; top: 219px; position: absolute" width="66"/>
height="50" id="foto2ImageHyperlink" imageURL="#{propiedadesVer.propiedadesDataProvider.value['propiedades.foto2']}"
onMouseMove="imagen2(this);return false;" style="left: 382px; top: 219px; position: absolute" width="66"/>
<ui:imageHyperlink action="#{propiedadesVer.foto3ImageHyperlink_action}" binding="#{propiedadesVer.foto3ImageHyperlink}" border="0"
height="50" id="foto3ImageHyperlink" imageURL="#{propiedadesVer.propiedadesDataProvider.value['propiedades.foto3']}"
onMouseMove="imagen3(this);return false;" style="left: 454px; top: 219px; position: absolute" width="66"/>
height="50" id="foto4ImageHyperlink" imageURL="#{propiedadesVer.propiedadesDataProvider.value['propiedades.foto4']}"
onMouseMove="imagen4(this);return false;" style="left: 312px; top: 291px; position: absolute" width="66"/>
height="50" id="foto5ImageHyperlink" imageURL="#{propiedadesVer.propiedadesDataProvider.value['propiedades.foto5']}"
onMouseMove="imagen5(this);return false;" style="left: 382px; top: 291px; position: absolute" width="66"/>
height="50" id="foto6ImageHyperlink" imageURL="#{propiedadesVer.propiedadesDataProvider.value['propiedades.foto6']}"
onMouseMove="imagen6(this);return false;" style="left: 454px; top: 291px; position: absolute" width="66"/>
onMouseMove="imagen7(this);return false;" style="left: 312px; top: 361px; position: absolute" width="66"/>
onMouseMove="imagen1(this);return false;" style="left: 310px; top: 219px; position: absolute" width="66"/>
height="50" id="foto2ImageHyperlink" imageURL="#{propiedadesVer.propiedadesDataProvider.value['propiedades.foto2']}"
onMouseMove="imagen2(this);return false;" style="left: 382px; top: 219px; position: absolute" width="66"/>
<ui:imageHyperlink action="#{propiedadesVer.foto3ImageHyperlink_action}" binding="#{propiedadesVer.foto3ImageHyperlink}" border="0"
height="50" id="foto3ImageHyperlink" imageURL="#{propiedadesVer.propiedadesDataProvider.value['propiedades.foto3']}"
onMouseMove="imagen3(this);return false;" style="left: 454px; top: 219px; position: absolute" width="66"/>
height="50" id="foto4ImageHyperlink" imageURL="#{propiedadesVer.propiedadesDataProvider.value['propiedades.foto4']}"
onMouseMove="imagen4(this);return false;" style="left: 312px; top: 291px; position: absolute" width="66"/>
height="50" id="foto5ImageHyperlink" imageURL="#{propiedadesVer.propiedadesDataProvider.value['propiedades.foto5']}"
onMouseMove="imagen5(this);return false;" style="left: 382px; top: 291px; position: absolute" width="66"/>
height="50" id="foto6ImageHyperlink" imageURL="#{propiedadesVer.propiedadesDataProvider.value['propiedades.foto6']}"
onMouseMove="imagen6(this);return false;" style="left: 454px; top: 291px; position: absolute" width="66"/>
onMouseMove="imagen7(this);return false;" style="left: 312px; top: 361px; position: absolute" width="66"/>
Comments