Cambio extension imagenes

[Sthr]

Buenas,

estoy haciendo un script que detecte las imagenes en png que tengo y cambie la extension a gif. Lo malo es que no soy muy experta en esto aun y ando algo atascada. Alguien podria echarme una manilla? Este es el codigo que tengo hasta ahora y que detecta los png, lo que no se ahora es como hacer que cambie dicha extension.

$(function(){
for(i=0;i<document.getElementsByTagName("img").len gth;i++){
if (document.getElementsByTagName("img")[i].src.indexOf(".png") != -1){

}

}
});


Muchas gracias!

[Sthr]

Jo, nadie puede ayudarme? aunque sea indicándome otro modo de plantear la función, o no se...

[David]

Si sólo quieres cambiar la dirección del enlace, bastaría con:

Código Javascript:

var elems = document.getElementsByTagName("img");
for(i=0; elem = elems[i]; i++){
    if (elem.src.indexOf(".png") != -1){
        elem.src = elem.src.replace(".png", ".gif");
    }
}
 

Y, por favor, no respondas a un tema sólo para subirlo en el índice, recuerda que todas las preguntas son igual de importantes.

[Sthr]

Lo siento, no lo hice con esa intencion.

No me funciona el script que indicas, no hace nada Seguire intentandolo.

Gracias de todos modos!

[David]

Explícanos qué exactamente es lo que quieres hacer. El código lo que hace es buscar los tags <img /> que hay en el documento que enlacen hacia archivos .png y cambia la dirección por .gif, sólo cambia la dirección, no hace ningún cambio físico en el servidor si eso es lo que pretendes hacer.

Además, ¿dónde colocaste el código?

[Sthr]

Lo que necesito es una funcion que me rastree todo el codigo html de la pagina, que detecte las imagenes con extension .png y me cambie dicha extension a .gif, pero manteniendome la ruta y el nombre de cada uno de ellos. En este caso la ruta que tienen las imagenes es "img/nombredelarchivo.png" y habria que cambiarlos a img/gifs/nombredelarchivo.gif" Perdon si no me explike antes bien.

Muchas gracias!

[David]

El código que te indiqué cambia sólo la extensión a .gif manteniendo intacto el resto. ¿Cómo lo has probado? ¿Dónde lo implementaste?

[Sthr]

Lo que pasa que la ruta cambia de img/ a img/gifs , es ahi donde me atasco, al intentar sacar la ruta y posteriormente cambiarla a la vez que modifico la extension.

Thanks!

[David]

Sólo tienes que usar el método replace(), cadena.replace("img/", "img/gifs") y asignarlo al src. Inténtalo y si surge algún problema, nos comentas.

[Sthr]

mmm, no se como hacerlo

Este es mi codigo, como deberia modificarlo con lo que me indicas?

$(function(){

for(i=0;i<document.getElementsByTagName("img").len gth;i++){

if (document.getElementsByTagName("img")[i].src.indexOf(".png") != -1){

}
}


Ando muy verde aun con el javscript, sorry!

Muchas gracias!