Customizing the process.image template

["David Goss" <dgoss@mueller-inc.com>]

Hi,

I'm using the [Lazy Load](http://www.appelsiini.net/projects/lazyload)
JQuery plugin to help out on some image-heavy docbook articles. I
basically just copy/pasted the process.image template to my
customization later and made these changes ("data-original" was "src"
and the last two attributes are my additions):

         <xsl:attribute name="data-original">
           <xsl:choose>
             <xsl:when test="$img.src.path != '' and $tag = 'img' and
not(starts-with($output_filename, '/')) and
not(contains($output_filename, '://'))">
               <xsl:value-of select="$img.src.path"/>
             </xsl:when>
           </xsl:choose>
            <xsl:value-of select="$output_filename"/>
          </xsl:attribute>

	<xsl:attribute
name="src">../img/common/placeholder.png</xsl:attribute>
	<xsl:attribute name="class">lazy</xsl:attribute>

It works just fine, that's not the problem. I want to make it degrade
gracefully (without JavaScript, only the placeholder image is
displayed). The way the plugin author recommends to do so is the place
an alternative in a <noscript> tag after the image, like this:

	<img class="lazy" src="img/placeholder.png"
data-original="img/realimage.jpg">
	<noscript><img src="img/realimage.jpg"></noscript>

My question is where/how in the process.image template should this
redundant image be added? (Perhaps I need to call process.image twice in
the imagedata template, then have some sort of condition in
process.image to determine whether to swap "src" and "data-original"?)


DAVID GOSS | Technical Writer
P 1.800.876.9218 x 345 | F 1.800.588.9866
dgoss@mueller-inc.com
http://www.MuellerReports.com