Paso 4: Hacer una imagen de sustitución
Para hacer un rollover imagen como en la introducción paso necesitará usar HTML un poco. El comando de "mouseover" HTML determina qué imagen se muestra cuando se mueve el ratón sobre la imagen y que imagen que se mostrará cuando el ratón se mueve la imagen.
He pegado el código a continuación, tendrá que cambiar las letras mayúsculas y subrayados a donde se encuentra su archivo.
<pre><img onmouseout="this.src='LOCATION_OF_IMAGE/DESATURATED_IMAGE_NAME.jpg'" onmouseover="this.src='LOCATION_OF_IMAGE/INVERTED_IMAGE_NAME.jpg'">
Sugiero que aloja sus archivos en línea y luego copiar las ubicaciones de archivo en este código.
Un ejemplo sería: