How to prevent 404 error in Img Src attribute

Question

Hi everyone ,
I'm searching something like "spry:content" to be used with
image source attribute . Why i need this ?
When a spry page is first loaded , browsers try to get image
http://your_server/{image_url}".but
there is no such file and i got lots of 404 errors in w3svc logs .
Here is a simple example:
<div id="regionSolSerit" spry:region="dsSolSerit"
class="SpryHiddenRegion" >
<img alt="" style="display:none;border:0" width="165px;"
height="100px" src="{image_url}"
</div>
Waiting for solutions!

Answer 1

I ran into this issue myself. Here is a solution:
1) Give the image a unique id.
2) Leave the "src" blank... // this will keep you from
getting a 404 error.
3) In your javascript, write an observer like this:
Spry.Data.Region.addObserver("regionSolSerit", {
onPostUpdate: function(){ // set observer for when the thumbnail
achors get loaded
var rows = dsSolSerit.getCurrentRow(); // get the data
var daImage = document.getElementById('yourimageId');
var daImage.src = rows['image_url'];
If you want to do something like multiple images like a
thumbnail gallery, you would put a for loop in the observer and
just cylce through the urls and place them.
Hope this helps...