Home Page Slider controlled by a web app

I'm using a home page slider that works great, but when I have a web app control it, it can't seem to find the images. This is my List Template:

<div data-thumb="{tag_thumb image - 100w 75h}" data-src="{tag_large image - 960w 480h}">

<div class="camera_caption fadeFromBottom">

<h2>{tag_name_nolink}</h2>

<p>{tag_project brief description} - <a href="{tag_project link}">LEARN MORE</a>

</p></div></div>

The dynamic tags, "tag_thumb image - 100w 75h" and "tag_large image - 960w 480h" are fields set to images.

This is what works:

<div data-thumb="/hpprojects/images/slides/thumbs/slide1.jpg" data-src="/hpprojects/images/slides/slide1.jpg"> <div class="camera_caption fadeFromBottom"> <h2>Project Title 1</h2> <p>Brief description goes here - <a href="#">LEARN MORE</a></p></div></div>

The strange thing is that when I insert the image path into the List Template, rather than the dynamic tag, it works.  However, that defeats the purpose of using the web app.

Can anyone please help???

Here are working examples...

Without web app (working) http://gbcookeinc.businesscatalyst.com

With web app (not working) http://gbcookeinc.businesscatalyst.com/slider.html