hola, buen dia.
tengo una página donde hay varias imagenes que ya estan insertadas y son bastantes, lo que quiero hacer ahora es esconderlas y que aparezcan al pasar el mouse, estas imagenes se introducen a traves de un formulario donde se captura la información que despues se despliega en la página
Hasta ahorita lo he logrado asi:
colocando entre <head> y </head> el script:
<script>
function alphaon(x)
{document[x].filters.alpha.opacity +=97;}
function alphaoff(x)
{document[x].filters.alpha.opacity -=97;}
</script>
y despues, en el tag de la imagen:
<img src="imagen.jpg" name="imagen1" style="filter: alpha(opacity=3); cursor: hand;" onmouseover="alphaon('imagen1')" onmouseout="alphaoff('imagen1')">
(utilizo opacity=3 por que quiero que ligeramente se vea la imagen.)
ahora viene el problema: para usar el código anterior tengo que nombrar a las imagenes por separado: imagen1, imagen2, imagen3 y es lo que no puedo hacer.
quisiera saber si se puede hacer esto automáticamente sobre las etiquetas IMG de toda página sin tener que modificarles o agregarles alguna instrucción, y hacerlo todo desde las etiquetas <head>
otra cuestión: solo una o dos imagenes no requieren el alpha, tambien necesito un codigo para que no desaparezcan, a estas si puedo ponerle el codigo en el tag IMG
no manejo javascript y mi CSS es limitado, agradecería cualquier ayuda y orientación, gracias.