OASIS Mailing List ArchivesView the OASIS mailing list archive below
or browse/search using MarkMail.


Help: OASIS Mailing Lists Help | MarkMail Help

docbook-apps message

[Date Prev] | [Thread Prev] | [Thread Next] | [Date Next] -- [Date Index] | [Thread Index] | [List Home]

Subject: RE: [docbook-apps] Customizing the process.image template

Thank you Bob, that was the exact place I need to add the code I wanted.
It works perfectly now.


-----Original Message-----
From: Bob Stayton [mailto:bobs@sagehill.net] 
Sent: Friday, June 08, 2012 1:00 PM
To: David Goss; DocBook Apps
Subject: Re: [docbook-apps] Customizing the process.image template

Hi David,
No need to call 'process.image' again.  Since you have already copied it
to your customization layer, you can just add the extra element there.
Put it after these

      <xsl:copy-of select="$img"/>

which is just before the <map> element would be output for an imagemap,
or at the very end of the template.

Bob Stayton
Sagehill Enterprises

----- Original Message -----
From: "David Goss" <dgoss@mueller-inc.com>
To: "DocBook Apps" <docbook-apps@lists.oasis-open.org>
Sent: Friday, June 08, 2012 8:42 AM
Subject: [docbook-apps] Customizing the process.image template


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: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:value-of select="$output_filename"/>

<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"
<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

To unsubscribe, e-mail: docbook-apps-unsubscribe@lists.oasis-open.org
For additional commands, e-mail: docbook-apps-help@lists.oasis-open.org

[Date Prev] | [Thread Prev] | [Thread Next] | [Date Next] -- [Date Index] | [Thread Index] | [List Home]