[Ovillo] Hover en imagen

2009-06-30 Por tema 2tonewarrior
Buenas,

Me gustaría saber que hay que hacer para reemplazar una imagen al pasar por
encima el ratón.

No me refiero a jugar con la imagen de fondo en CSS y con el atributo
background-position, width sino con el atributo html img

No estoy seguro de que se pueda hacer asique a ver si me podéis sacar de
dudas :p


Saludos

-- 
Roque Alonso
http://roquealonso.org/
___
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] Hover en imagen

2009-06-30 Por tema Martin Etxauri
Aupa

Desde donde yo se podrías hacer algún truco con dos imágenes, una  
encima de otra (mediante z-index y posicionamiento) y en el :hover de  
la de arriba hacer que se vaya para abajo y aparezca la de abajo... o  
algún truco así. En cualquier caso ten en cuenta que el :hover sobre  
elementos que no sean a no resultará en IE6 (aunque hay apaños) y  
que es un poco jaleo porque te limita en la composición y la  
accesibilidad queda un poco rara :)

La opción mas mejor si quieres que sea sobre img va  ser javascript.

saludos

El 30/06/2009, a las 16:42, 2tonewarrior escribió:

 Buenas,

 Me gustaría saber que hay que hacer para reemplazar una imagen al  
 pasar por
 encima el ratón.

 No me refiero a jugar con la imagen de fondo en CSS y con el atributo
 background-position, width sino con el atributo html img

 No estoy seguro de que se pueda hacer asique a ver si me podéis  
 sacar de
 dudas :p


 Saludos

 -- 
 Roque Alonso
 http://roquealonso.org/
 ___
 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] Hover en imagen

2009-06-30 Por tema Dani F. Serch
Creo que sólo es posible mediante javascript.

Busca en google javascript onmouseover


2tonewarrior escribió:
 Buenas,

 Me gustaría saber que hay que hacer para reemplazar una imagen al pasar por
 encima el ratón.

 No me refiero a jugar con la imagen de fondo en CSS y con el atributo
 background-position, width sino con el atributo html img

 No estoy seguro de que se pueda hacer asique a ver si me podéis sacar de
 dudas :p


 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


Re: [Ovillo] Hover en imagen

2009-06-30 Por tema Miguel Beltran R.
El 30 de junio de 2009 09:42, 2tonewarrior 2tonewarr...@gmail.comescribió:

 Buenas,

 Me gustaría saber que hay que hacer para reemplazar una imagen al pasar por
 encima el ratón.

 No me refiero a jugar con la imagen de fondo en CSS y con el atributo
 background-position, width sino con el atributo html img

 No estoy seguro de que se pueda hacer asique a ver si me podéis sacar de
 dudas :p

Con CSS eso no es posible que yo sepa, al menos hasta CSS 2.1 desconosco si
en CSS 3.
Lo tendrias que hacer mediante Javascript.

Con prototype.js seria algo asi, sin probar

[HTML]
div id=contenedor
   img id=imagen src=imagen1.jpg alt=prueba de cambio de imagen
jeje/
/div
-- 

[JS]
document.observe('dom:loaded', function(){
   $('imagen').observe('mouseover', function(evt){
  $('imagen').src=imagen2.jpg;
   })
});

Lo bueno de vivir un dia mas
es saber que nos queda un dia menos de vida
___
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] Hover en imagen

2009-06-30 Por tema Fernando Gutierrez
O sin javascript:

   1.
   
http://uninstallme.com/rollover-de-imagenes-en-html-elemento-img-sin-javascript/#
   2.
   
http://www.summersault.com/community/weblog/2005/03/25/image-rollovers-without-javascript.html


-- 
_
Fernando Gutiérrez, usuario de Ubuntu nº 166.428
http://www.ubuntu.com/getubuntu
ex-Usuario de Windows Vista (elegido Gran Fiasco del Año 2009) -
http://www.fiascoawards.com/continguts/general/estatics.php?llengua=esid=29
♪ you may say I'm a dreamer ♬ but I'm not the only one ♪♬ I hope someday
you'll join us ♪ and the world would be as one ...

El 30 de junio de 2009 17:11, Dani F. Serch daniou...@gmail.com escribió:

 Creo que sólo es posible mediante javascript.

 Busca en google javascript onmouseover


 2tonewarrior escribió:
  Buenas,
 
  Me gustaría saber que hay que hacer para reemplazar una imagen al pasar
 por
  encima el ratón.
 
  No me refiero a jugar con la imagen de fondo en CSS y con el atributo
  background-position, width sino con el atributo html img
 
  No estoy seguro de que se pueda hacer asique a ver si me podéis sacar de
  dudas :p
 
 
  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] Hover en imagen

2009-06-30 Por tema 2tonewarrior
Que rápido y que bien :D

Sabía que algo había con javascript pero no le dí mucha importancia porque
me interesaba mas que fuera html, pero gracias por haberme ayudado a
entender tambíen como funcionaría con javascript.

Lo que realmente necesitaba era el link 1 que ha posteado Fernando muchas
gracias ;) al el y a todos.


Saludos

El 30 de junio de 2009 17:54, Fernando Gutierrez fergu...@gmail.comescribió:

 O sin javascript:

   1.

 http://uninstallme.com/rollover-de-imagenes-en-html-elemento-img-sin-javascript/#
   2.

 http://www.summersault.com/community/weblog/2005/03/25/image-rollovers-without-javascript.html


 --
 _
 Fernando Gutiérrez, usuario de Ubuntu nº 166.428
 http://www.ubuntu.com/getubuntu
 ex-Usuario http://www.ubuntu.com/getubuntu%0Aex-Usuario de Windows Vista
 (elegido Gran Fiasco del Año 2009) -

 http://www.fiascoawards.com/continguts/general/estatics.php?llengua=esid=29
 ♪ you may say I'm a dreamer ♬ but I'm not the only one ♪♬ I hope someday
 you'll join us ♪ and the world would be as one ...

 El 30 de junio de 2009 17:11, Dani F. Serch daniou...@gmail.com
 escribió:

  Creo que sólo es posible mediante javascript.
 
  Busca en google javascript onmouseover
 
 
  2tonewarrior escribió:
   Buenas,
  
   Me gustaría saber que hay que hacer para reemplazar una imagen al pasar
  por
   encima el ratón.
  
   No me refiero a jugar con la imagen de fondo en CSS y con el atributo
   background-position, width sino con el atributo html img
  
   No estoy seguro de que se pueda hacer asique a ver si me podéis sacar
 de
   dudas :p
  
  
   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




-- 
Roque Alonso
http://roquealonso.org/
___
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] Hover en imagen

2009-06-30 Por tema Fernando Gutierrez
De nada!
:)

-- 
_
Fernando Gutiérrez, usuario de Ubuntu nº 166.428
http://www.ubuntu.com/getubuntu
ex-Usuario de Windows Vista (elegido Gran Fiasco del Año 2009) -
http://www.fiascoawards.com/continguts/general/estatics.php?llengua=esid=29
♪ you may say I'm a dreamer ♬ but I'm not the only one ♪♬ I hope someday
you'll join us ♪ and the world would be as one ...

El 30 de junio de 2009 19:19, 2tonewarrior 2tonewarr...@gmail.comescribió:

 Que rápido y que bien :D

 Sabía que algo había con javascript pero no le dí mucha importancia porque
 me interesaba mas que fuera html, pero gracias por haberme ayudado a
 entender tambíen como funcionaría con javascript.

 Lo que realmente necesitaba era el link 1 que ha posteado Fernando muchas
 gracias ;) al el y a todos.


 Saludos

 El 30 de junio de 2009 17:54, Fernando Gutierrez fergu...@gmail.com
 escribió:

  O sin javascript:
 
1.
 
 
 http://uninstallme.com/rollover-de-imagenes-en-html-elemento-img-sin-javascript/#
2.
 
 
 http://www.summersault.com/community/weblog/2005/03/25/image-rollovers-without-javascript.html
 
 
  --
  _
  Fernando Gutiérrez, usuario de Ubuntu nº 166.428
  http://www.ubuntu.com/getubuntu
  ex-Usuario http://www.ubuntu.com/getubuntu%0Aex-Usuario de Windows
 Vista
  (elegido Gran Fiasco del Año 2009) -
 
 
 http://www.fiascoawards.com/continguts/general/estatics.php?llengua=esid=29
  ♪ you may say I'm a dreamer ♬ but I'm not the only one ♪♬ I hope someday
  you'll join us ♪ and the world would be as one ...
 
  El 30 de junio de 2009 17:11, Dani F. Serch daniou...@gmail.com
  escribió:
 
   Creo que sólo es posible mediante javascript.
  
   Busca en google javascript onmouseover
  
  
   2tonewarrior escribió:
Buenas,
   
Me gustaría saber que hay que hacer para reemplazar una imagen al
 pasar
   por
encima el ratón.
   
No me refiero a jugar con la imagen de fondo en CSS y con el atributo
background-position, width sino con el atributo html img
   
No estoy seguro de que se pueda hacer asique a ver si me podéis sacar
  de
dudas :p
   
   
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
 



 --
 Roque Alonso
 http://roquealonso.org/
 ___
 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