Cambiar atributo SRC

[alyciashape]

Buenos días,

tengo lo típico, una lista de logos en blanco y negro y quiero que al pasar el ratón se pongan en color. Para ello lo tengo puesto así:

Código:

<img src_color="./img/logos/pirelli_color.png" src="./img/logos/pirelli.png" alt="Pirelli" title="Pirelli">

<script type="text/javascript">
$('img').bind('mouseenter mouseleave', function() {
    $(this).attr({
        src: $(this).attr('src_color') 
        , 'src_color': $(this).attr('src') 
    })
});

Y funcionar funciona pero claro el atributo src_color no existe y no me valida el documento. ¿Alguna otra solución?

Estaba viendo de hacerlo con jQuery pero no lo entiendo muy bien. Conoceis alguna función para hacer esto?

[caricatos]

Hola:

Iniciado por alyciashape

Estaba viendo de hacerlo con jQuery...

... y lo que muestras, acaso no es código de esa librería

El src es el atributo que debes usar, y hay infinidad de formas de hacer un rollover, incluso sin javascript... además puedes usar más atributos válidos.

Saludos

[alyciashape]

Pensé que eso era Javascript...

Pues pensé en hacerlo con CSS con el fondo de un div pero así no puedo poner atributo alt y title y no me parece del todo correcto tampoco.
Cambié ese atributo por un simple "class" y también me funciona y valida, lo veis correcto?

Bueno así tampoco va poder ser porque si tengo alguna imagen con un class también le afecta y no me interesa, ya que si que se da el caso.

[Ex_shadow]

Pensé que eso era Javascript...

Lo que mostraste

Código Javascript:

$('img').bind('mouseenter mouseleave', function() {
 

es jquery, que es un framework de javascript ;)