Re: [Ovillo] Cambiar imagen mediante css

2010-04-28 Por tema Guadalupe Cervilla
Hola,

Igual digo una burrada, ya que no domino del todo CSS, pero se me ocurre si
podría funcionar también pondiendo display:none en el a:hover.

No se si el cambio de imágen es para dejar ver otra imágen o un texto.  Si
fuera otra imagen, y esta segunda imagen sí se pudiera poner como
background, este background al principio quedaría tapado por la imagen
física, en estado normal.  Al pasar el ratón, si se le da la propiedad
display: none a la imágen física la ocultaría y dejaría ver la imagen
que tenemos como background.  Si fuera un texto igual habría que jugar con
posicionamientos o z-index.

Guadalupe



El 27 de abril de 2010 19:09, Tei oscar.vi...@gmail.com escribió:

 Igual puedes hacer algo como esto:

 Por CSS darle al A un backgroun que se deberia ver cuando este en
 estado hover.
 Por CSS hacer la imagen hija transparente (con opacity 0.01) en este
 mismo estado hover.

 De este modo se veria una imagen distinta. Quien dice opacity, dice
 otro bicho para ocultar la imagen, yo he usado opacity porque me paso
 de guays.


 a href=/ title=Hoteles Premium class=hoteles-premium

 style=background-image:
 url(
 http://www.mundosparalelos.me/wp-content/uploads/2009/08/cosicas.JPG);heighthttp://www.mundosparalelos.me/wp-content/uploads/2009/08/cosicas.JPG%29;height
 :
 100px;padding:32px
 
 img src=http://www.google.es/intl/en_com/images/logo_plain.png;
 alt=Sello Hoteles Premium /
 /a
 dd
 style


 a:hover img {
  opacity: 0.1;
 }


 /style


 probado y funciona en firefox,  no se si en los navegadores hereticos
 tambien funcionara.

 2010/4/27 Rafa Artacho teme...@gmail.com:
  ¿Es posible cambiar una imagen haciendo hover sobre un enlace sobre CSS?,
 no
  me refiero a una imagen background, sino a un img,
 
  a href=/ title=Hoteles Premium class=hoteles-premium
  img src=../images/HAL/hoteles-premium.gif alt=Sello Hoteles Premium
 /
  /a
 


 --
 --
 ℱin del ℳensaje.
 ___
 Lista de distribución Ovillo
 Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
 Puedes modificar tus datos o desuscribirte en la siguiente dirección:
 http://lists.ovillo.org/mailman/listinfo/ovillo




-- 
Guadalupe
www.hacerwebs.com
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://lists.ovillo.org/mailman/listinfo/ovillo

Re: [Ovillo] Cambiar imagen mediante css

2010-04-27 Por tema Ignacio Ricci
Con CSS solo no, con javascript si
[image: Ignacio Ricci - Designer + Developer]


2010/4/27 Rafa Artacho teme...@gmail.com

 ¿Es posible cambiar una imagen haciendo hover sobre un enlace sobre CSS?,
 no
 me refiero a una imagen background, sino a un img,

 a href=/ title=Hoteles Premium class=hoteles-premium
 img src=../images/HAL/hoteles-premium.gif alt=Sello Hoteles Premium /
 /a

 Saludos
 ___
 Lista de distribución Ovillo
 Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
 Puedes modificar tus datos o desuscribirte en la siguiente dirección:
 http://lists.ovillo.org/mailman/listinfo/ovillo

___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://lists.ovillo.org/mailman/listinfo/ovillo


Re: [Ovillo] Cambiar imagen mediante css

2010-04-27 Por tema Jairo Ochoa
tienes la lternativa de cambiar la imagen de background
y sustituyes la imagen por un texto, que es mejor opción si quieres hacer
SEO

--

Jairo Ochoa


El 27 de abril de 2010 16:43, Rafa Artacho teme...@gmail.com escribió:

 ¿Es posible cambiar una imagen haciendo hover sobre un enlace sobre CSS?,
 no
 me refiero a una imagen background, sino a un img,

 a href=/ title=Hoteles Premium class=hoteles-premium
 img src=../images/HAL/hoteles-premium.gif alt=Sello Hoteles Premium /
 /a

 Saludos
 ___
 Lista de distribución Ovillo
 Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
 Puedes modificar tus datos o desuscribirte en la siguiente dirección:
 http://lists.ovillo.org/mailman/listinfo/ovillo

___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://lists.ovillo.org/mailman/listinfo/ovillo


Re: [Ovillo] Cambiar imagen mediante css

2010-04-27 Por tema Tei
Igual puedes hacer algo como esto:

Por CSS darle al A un backgroun que se deberia ver cuando este en
estado hover.
Por CSS hacer la imagen hija transparente (con opacity 0.01) en este
mismo estado hover.

De este modo se veria una imagen distinta. Quien dice opacity, dice
otro bicho para ocultar la imagen, yo he usado opacity porque me paso
de guays.


a href=/ title=Hoteles Premium class=hoteles-premium

style=background-image:
url(http://www.mundosparalelos.me/wp-content/uploads/2009/08/cosicas.JPG);height:
100px;padding:32px

img src=http://www.google.es/intl/en_com/images/logo_plain.png;
alt=Sello Hoteles Premium /
/a
dd
style


a:hover img {
  opacity: 0.1;
}


/style


probado y funciona en firefox,  no se si en los navegadores hereticos
tambien funcionara.

2010/4/27 Rafa Artacho teme...@gmail.com:
 ¿Es posible cambiar una imagen haciendo hover sobre un enlace sobre CSS?, no
 me refiero a una imagen background, sino a un img,

 a href=/ title=Hoteles Premium class=hoteles-premium
 img src=../images/HAL/hoteles-premium.gif alt=Sello Hoteles Premium /
 /a



-- 
--
ℱin del ℳensaje.
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://lists.ovillo.org/mailman/listinfo/ovillo