JavaScript replace img path

Question

Hello JavaScript guru's. I have a simple JS question on how to replace all IMG src path's on a page.

Currently, my IMG tags look like:

<img src="path/to/image.jpg" alt="" />

Output desired:

<img src="../image.jpg" alt="" />

So, when a page is loaded, it will loop through all the IMG tags and replace the SRC path. Thanks in advance for the assistance!

Answer 1

for (var image, src, images = document.images, l=images.length, i=0; i<l; i++){
    image = images[i];
    src = image.src;
    image.src = ".." + src.substring(src.lastIndexOf("/"));
}

Answer 2

What's the application of this? You load the previous images, then reload new images? Just change the src in the html to the new image src. This will save bandwith, work for users with javascript disabled, and be speedier.

(my apologies if you are not asking this question about a real-implementation :)