Q for any HTML gurus

[Suicide Junkie]

Simply:
Is there an easy way to put up an alternate image in case the first try fails? Or even make it look as though that happened?

EG: Make an "Online"/"Offline" image using HTML, to indicate whether some remote site is reachable?

[gigablaze]

Not that I know of, use the alt value to tell what it should be. Now you could php to do it, maybe even javascript. But I'm not sure about javascript, I've never try it.

[tesco samoa]

yea.

You could set up a script to ping the remote site.

and just use a simple if statement with the images.

just use vb script or javascript or asp or any pearl or any of the other ones.

Your looking at less than 10 lines. Or as a seperate page of code and just put the link to it in the include div

I should throw XML in there since that is the buzz word of 2002

[Suicide Junkie]

After searching widely for samples, and rejecting a number of solutions that were quite restrictive, I settled on a homemade solution.

The "Offline" image is replaced by a simple red line, but the system works in both Netscape & IE, and probably any browser that supports images.

I'm a little disappointed that the alternate images didn't pan out, though.

[Fyron]

I have an idea. Make a table cell where you want the on/off line images to go. Make the offline image be the background of that cell. Then, have the Online image load there. If the server is Online, the image loads. If not, it doesn't load and you see the offline message.

[disabled]

That is how John Beech does it and I will also be using that style for my race styles at SE.org

[Suicide Junkie]

http://forum.shrapnelgames.com/images/icons/icon6.gif That looks great!

Is there any way to erase the border around the broken image?

[Gaurav]

<blockquote><font size="1" face="Verdana, Arial">quote:</font><hr>Originally posted by suicide_junkie:
Is there any way to erase the border around the broken image?<hr></blockquote>

If the border is around the img, add border=0 as a property of the &lt;img&gt; tag. If it is around the table, do the same with the &lt;table&gt; tag. If it is around a table cell, add a "border-width: 0" style attribute to the &lt;td&gt; tag. Otherwise, post a url so I can see what the problem is.

[Suicide Junkie]

Homepage/Imagepack (http://www.geocities.com/hohoho611ca/imagepack.html)

When the "Online" image is broken, I get the box.
I have set the Height & width so I don't get the stupid "X" or torn icons, but I still get an image border.

[Gaurav]

SJ, I looked at your HTML code, you have a &lt;table&gt; within the &lt;table&gt;, the one whose &lt;td&gt; tag has the BACKGROUND property set. Add "BORDER=0" as a property to the inner &lt;table&gt; tag.

[Suicide Junkie]

I did that, but I am pretty sure the border is from the broken image, since it only appears when the site is "offline".