Can IMG SRC tag be 'simplified'? 1

AndyGroom · Dec 2, 2003

Hi,

I have a webpage that displays a number of thumbnails. My problem is that the thumbnails are held on a different server to the website (to reduce bandwidth), so for example I've got:

<IMG SRC='

http://this.is.my.server.name/branch/tree/etc/thumb1.gif'>

Is there anyway I can simplify this - when I've got 50 thumbnails I have the repeat the whole server path name when it's only the filename at the very end that changes each time.

For example, can I store the server name in a variable and stick the variable in the SRC tag?

- Andy
_______________________________
"On a clear disk you can seek forever"

shane25119 · Dec 2, 2003

nope, what you could do tho is place the page with all the thumbnails on that other server and when you link into the picture page just redirect your users to the other server.

MrGreed · Dec 2, 2003

Try this:

<html>
<head>
<script language="javascript">
var gsPath="

http://this.is.my.server.name/branch/tree/etc/";

//replace with your thumb names, add additional ones as you need
var garrImageNames = new Array("thumb1","thumb2","thumb3","thumb4","thumb5&quot

;

function BuildImgSrc(){
var i;

//update each image src
for(i=1;i<=5;i++){
//get img tag
var objImg=document.getElementById("img"+i);

objImg.src=gsPath+garrImageNames[i-1]+".jpg";
}
}

</script>
</head>
<body onload="BuildImgSrc()">
<img id="img1" src="">
<img id="img2" src="">
<img id="img3" src="">
<img id="img4" src="">
<img id="img5" src="">
</body>
</html>

In your code remember to add id attributes to your image tags.

MrGreed

http://www.pastame.com

"did you just say Minkey?, yes that's what I said."

ChrisHunt · Dec 3, 2003

MrGreed's approach will just break your images for anybody surfing with Javascript switched off.

You could try using the <base> tag (see

http://www.w3schools.com/tags/tag_base.asp

) to make all your URLs relative to the other server, though you'll then have to use full URLs for other links on the page. Personally, I wouldn't bother - just cut & paste the URL as required. I'd also want to be sure that it was worth the hassle to move all those images to another server - consider keeping the thumbnails on your main server and just hosting the full-size images elsewhere.

-- Chris Hunt

http://www.extracon.com

http://www.mcgonagall-online.org.uk

http://www.napitalia.org.uk

http://www.leicesteryha.org.uk

AndyGroom · Dec 3, 2003

Thanks MrGreed!

This was exactly what I was looking for. Since my pages already expect users to have Javascript enabled it's the ideal solution.

I appreciate that hosting the thumbnails on the same server as the pages would be the best solution, however I get around 60000 page hits a day and each page has an average of 20 thumbnails, so that generates a lot of bandwidth usage and I get a monthly limit of 20Gb which would soon be used up.

- Andy
_______________________________
"On a clear disk you can seek forever"

Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

Can IMG SRC tag be 'simplified'? 1

AndyGroom

Programmer

shane25119

MIS

MrGreed

Programmer

ChrisHunt

Programmer

AndyGroom

Programmer

Similar threads

Part and Inventory Search

Sponsor