modificar opacidad de una foto con onmouseover

[humanista]

Hola, tengo esto:

Código PHP:

  echo "<a href='myweb.php' target='_parent'><img src='" . $path . "images/$imagenamefull' style='border:1px solid #000000; float:left; margin-right:10px; opacity:0.4; filter:alpha(opacity=40); border:0px;' onmouseover=\"this.src = '../images/$imagenamefull'\" onmouseout=\"this.src = '../images/$imagenamefull'\" ></a>";  
   

el tema es que quiero q cuando se pase el ratón sobre la foto de perfil (que es sólo una y sin opacidad, es decir no tengo 2 para intercambiar sino 1 para cambiar opacidad) que está parcialmente opaca (0.4) se cambie a opaco 1, es decir totalmente visible (es como resaltar la foto desde foto aclarada a foto más oscura), cómo hacer esto?

[dleal100]

solo lo adaptas a tu codigo php

Código:

<img src="imagen.jpg" width="100" height="100" border="0" style="-moz-opacity:1;opacity:1;filter:alpha(opacity=100);cursor:hand;" onmouseover="this.style.MozOpacity=0.2;this.style.opacity=0.2;this.filters.alpha.opacity='20'" onmouseout="this.style.MozOpacity=1;this.style.opacity=1;this.filters.alpha.opacity='100'">

[humanista]

genial, me funcionó perfectamente y además en todos los navegadores.

otra pregunta, hay algo parecido para que una imagen en color aparezca en blanco y negro (grises) y al pasar el ratón se vuelva a color y al quitar el ratón vuelva a grises?

[DrFaust]

No; en principio eso no se puede. Tenés que usar dos imágenes diferentes:

<img name="foto" src="foto_blancoynegro.jpg" onMouseOver="foto.src='foto_color.jpg';" onMouseOut="foto.src='foto_blancoynegro.jpg';" />

[dleal100]

Iniciado por humanista

genial, me funcionó perfectamente y además en todos los navegadores.

otra pregunta, hay algo parecido para que una imagen en color aparezca en blanco y negro (grises) y al pasar el ratón se vuelva a color y al quitar el ratón vuelva a grises?

DE ECHO SI SE PUEDE MUAJAJAJAJAJAJAJ

Se puede aser con puro javascript o con jquery XD

aca te dejo el tutorial con jquery XD
http://www.sohtanaka.com/web-design/greyscale-hover-effect-w-css-jquery/

si quieres aserlo con puro javascript
nadamaas que tarda (como un minuto) en que javascript cambie la imagen a escalas de grises
v
v

http://www.disegnocentell.com.ar/notas2.php?id=253

[DrFaust]

Iniciado por dleal100

DE ECHO SI SE PUEDE MUAJAJAJAJAJAJAJ

Necesitás más práctica con tu risa perversa

Además, el método que propusiste implica totalmente el uso de dos versiones de la misma imagen, una a color y una en blanco y negro. El efecto es mucho más atractivo, por otro lado. +1.

[Panino5001]

Iniciado por dleal100

si quieres aserlo con puro javascript
nadamaas que tarda (como un minuto) en que javascript cambie la imagen a escalas de grises
v
v

http://www.disegnocentell.com.ar/notas2.php?id=253

Es porque ese script está mal optimizado. Te faltó leer la segunda parte:
http://www.disegnocentell.com.ar/notas2.php?id=254
Y aquí en el foro ya propusimos alternativas para lo que se está pidiendo:
http://www.forosdelweb.com/f13/rollo...o-hace-763023/
http://www.forosdelweb.com/f13/image...-color-891744/