Un rollover es una aplicación práctica y sencilla relacionada con el tratamiento de imágenes. El efecto creado es dinámico y consiste en el paso de una imagen a otra con tan solo poner el cursor del mouse sobre ellas. Las imágenes se alternan de este modo. Cuando el cursor se va, vuelven a su estado inicial.
Un ejemplo:
- Ubicación: gadget java.
- Proceso:
Tan solo hay que pegar este script en el gadget:
<script language="JavaScript"><a href=""></a>
knighted=new Image(200,381)//tamaño de imagen 1
knighted.src="URL IMAGEN 1"
knightred=new Image(200,381)//Tamaño de imagen 2
knightred.src="URL IMAGEN 2"
</script>
<!-- efecto -->
<a
onmouseout="document.knight.src=knighted.src" onmouseover="document.knight.src=knightred.src" target="_blank"><img src="URL IMAGEN 1"
border="0" name="knight"/>
</a
onmouseout="document.knight.src=knighted.src"></center></p>
Sustituir URL IMAGEN 1 (está dos veces) y URL IMAGEN 2 por los enlaces de las imágenes. Hay que tener en cuenta el tamaño de las mismas en anchura y altura para que el rollover quede mejor. Es recomendable que las dos imágenes tengan las mismas medidas.
