Uploading values for an image field in a web app. Nothing displays in layout.

Question

I've uploaded the values (using the import) for a field defined as an image in a web app. When I try to display the field, nothing shows up. The value correctly shows up when I look at Web App items after the upload / import. I've uploaded the same value in a text field, just to learn what was happening, and the text field displays the image just fine when added to the layout.
I would like to use the image field type, as it's easier to correctly create the link when the web app is updated in the future.
Here is what works in the layout: <a href="{tag_link to page}"> <img alt="" class="column66_award_thumb" id="thx" src="{tag_image thumb}" /></a>
Note that {tag_image thumb} is a text field with the link stored in it. The value for each Web App Item which populates this field is a link to the image. (i.e. /Awards/139.jpg)
Here is what I want to work: <a href="{tag_link to page}"> <img alt="" class="column66_award_thumb" id="thx" src="{tag_thumbnail image_value}" /></a>  , where {tag_thumbnail image_value} refers to a field defined as an image in the web app. It has the exact same value as {tag_image thumb}. I just copied the field values in the Excel spreadsheet (saved as .csv) when I uploaded it.
It looks like the image field works fine only when I manually create it in the web app. If this is the case, using the upload capability disables any ability to use the image field type.
Is there a workaround for this? Am I missing something?
The page I'm working on is http://www.e-a-a.com/awards  When you view the source, you can see that the small thumbnail images are displaying just fine. (I'm using the text field). Whenever I substitute the image field name {tag_thumbnail image}, {tag_thumbnail image_nolink}, or {tag_thumbnail image_value}, the src value is always null.
How do I fix?

Answer 1

Hi there,
To do it properly you need to resize the image. Prefably before you put it into BC. While you can for scale the image in CSS you do not want to do this. Why? Because the images are still very big and likely not optimised as they should be for the web.
This means the page with these images will take a very long time to load for people, and people wont be to happy about that viewing your site.
You need to use software such as photoshop if you have it or iphoto on a mac for example to edit, crop and size images before you upload them. If you do not have anything you can use free web based tools such as this one:
http://pixlr.com/editor/
You can also do this within BC itself in the file manager. If you click the image you can see options to resize it. The downside of that is that is done by pure math. It does not know what is in the photo and the results can make the image look squished etc.