I have my image inside an if statement:
if (item.image) historyHtml += '<a href=' + item.image + ' class="image" target="_blank"><img src="' + item.image +'" width="111px"/></a>';
Thank you! :)
views:
59answers:
2
+3
A:
You can use the onerror handler. In the inline form, it looks like this:
<img src="someimage.jpg" onerror="this.style.display='none';" />
Piskvor
2010-09-09 08:54:52
Hi Piskvor, thank you very much. I tried that and it throughs me back errors: if (item.image) historyHtml += '<a href=' + item.image + ' class="image" target="_blank"><img src="' + item.image +'" width="111px" onerror="this.style.display='none';" /></a>';
jprim
2010-09-09 08:57:36
@jprim : "errors" is annoyingly vague. What exactly happens when you try this?
spender
2010-09-09 08:58:48
@jprim : You're not escaping quotes correctly. Try this: if (item.image) historyHtml += '<a href=' + item.image + ' class="image" target="_blank"><img src="' + item.image +'" width="111px" onerror="this.style.display=\'none\';" /></a>'
spender
2010-09-09 09:00:51
Syntax error in Dreamweaver.
jprim
2010-09-09 09:02:53
Spender - that works perfect. Thank you very much for your help! :D
jprim
2010-09-09 09:04:01
@jprim: "there's an error" "what error?" "an error!" In other words, can you be a bit more specific? Does the syntax error have any more data? On which part of the code it appears to be?
Piskvor
2010-09-09 09:05:37
@jprim: if this is the answer you're looking for, why haven't you accepted it? if you do so, this will help you to get more feedback on your other questions because the peaople can see that they will be rewarded for their help.
oezi
2010-09-16 11:06:48
+3
A:
As @piskvor says, actually loading the image in an img tag is the only way of finding out whether the URL is broken or not. The error event gets fired if loading fails.
But looking at your code, maybe the opposite approach makes most sense: Hide the <a> by default, and show it in the onload event of the image.
Abridged:
<a href=".." id="image228" style="display: none">
<img src="..." onload="this.parentNode.style.display = 'block'">
</a>
Pekka
2010-09-09 08:57:51
Hi Pekka, thanks for your help. If I put that piece of code in the link, it still gives me errors.
jprim
2010-09-09 09:00:00
Syntax error within Dreamweaver when developing. I got it from Spender below. Thanks.
jprim
2010-09-09 09:05:04
@jprim your're welcome. I'd suggest you familiarize yourself how to escape quotes correctly. Dreamweawver's Syntax highlighting should show you when a string is not correctly escaped
Pekka
2010-09-09 09:07:00