Pictures as hotlinks

[benno.wolf]

Hello,
I've got a little problem here with big pictures (mostly in <figure>-tags) in html-files.
Since I use a cms for publishing my docs, there is only a restricted width for pictures so I want to use smaller ones and make them to hotlinks to the original version.
Is there a possibility to work around the limitation for xlinks which as much as I know only work for inline-elements?

Thanks in advance for any reply!

Benno

[Cavicchio_Rob]

What about something like this construct:

 

<figure>
    <title></title>
    <ulink url="big_image.png"><inlinemediaobject><imageobject><imagedata
fileref="small_image.png"/></imageobject></inlinemediaobject></ulink>

</figure>

 

 

*************************
Rob Cavicchio
Principal Technical Writer
EMC Captiva
EMC Corporation
10145 Pacific Heights Boulevard, 6th Floor
San Diego, CA 92121-4234

P: [phone]
F: [phone]
E: Cavicchio_Rob@...

The opinions expressed here are my personal opinions. Content published here is not read or approved in advance by EMC and does not necessarily reflect the views and opinions of EMC.

 

 

 

---

From: benno.wolf@... [mailto:benno.wolf@...]
Sent: Tuesday, September 15, 2009 3:11 AM
To: docbook-apps@...
Subject: Pictures as hotlinks

Hello,
I've got a little problem here with big pictures (mostly in <figure>-tags) in html-files.
Since I use a cms for publishing my docs, there is only a restricted width for pictures so I want to use smaller ones and make them to hotlinks to the original version.
Is there a possibility to work around the limitation for xlinks which as much as I know only work for inline-elements?

Thanks in advance for any reply!

Benno

[benno.wolf]

Thanks, but unfortunately this doesn't work since <inlinemediaobject> is not allowed in <figure>.
The problem is a bit more complicated because I've got a reference for pdf and one for html, but only html should have this link to a bigger picture.
Something like this:

       <figure>
           <title>blabb</title>
           <mediaobject>
             <imageobject role="fo">
               <imagedata contentdepth="100%" fileref="Pictures/image_big.png" scalefit="1"
                 width="100%" />
             </imageobject>
             <imageobject role="html" xlink:href="image_big.png">
               <imagedata fileref="Pictures/image_thumb.png" />
             </imageobject>
           </mediaobject>
         </figure>

The xlink-attribute of course does not work here.

But it should ;-).

Regards,
Benno

<Cavicchio_Rob@...>

21.09.2009 16:50

An	<docbook-apps@...>
Kopie
Thema	[docbook-apps] RE: Pictures as hotlinks

What about something like this construct:
 
<figure>
   <title></title>
   <ulink url="big_image.png"><inlinemediaobject><imageobject><imagedata
fileref="small_image.png"/></imageobject></inlinemediaobject></ulink>
</figure>
 
 
*************************
Rob Cavicchio
Principal Technical Writer
EMC Captiva
EMC Corporation
10145 Pacific Heights Boulevard, 6th Floor
San Diego, CA 92121-4234

P: [phone]
F: [phone]
E: Cavicchio_Rob@...

The opinions expressed here are my personal opinions. Content published here is not read or approved in advance by EMC and does not necessarily reflect the views and opinions of EMC.
 
 
 

---

From: benno.wolf@... [mailto:benno.wolf@...]
Sent: Tuesday, September 15, 2009 3:11 AM
To: docbook-apps@...
Subject: Pictures as hotlinks


Hello,
I've got a little problem here with big pictures (mostly in <figure>-tags) in html-files.
Since I use a cms for publishing my docs, there is only a restricted width for pictures so I want to use smaller ones and make them to hotlinks to the original version.
Is there a possibility to work around the limitation for xlinks which as much as I know only work for inline-elements?

Thanks in advance for any reply!

Benno

[Bob Stayton]

Some parts of this message have been removed. Learn more about Nabble's security policy.

Hi,

I could get it to work by customizing the template named 'process.image' from html/graphics.xsl.  Unfortunately, that is a huge template, so customizing means copying the whole thing just to change a couple of lines.  But it does work.

 

The 'process.image' template is called with imagedata as the context node.  So if you put the xlink:href on imagedata, the customization is easier.  In 'process.image', replace (in two places):

 

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

 

with:

 

<xsl:call-template name="simple.xlink">
  <xsl:with-param name="content">
    <xsl:copy-of select="$img"/>
  </xsl:with-param>
</xsl:call-template>

 

Any imagedata elements without an xlink:href will just pass through.

 

Bob Stayton
Sagehill Enterprises
bobs@...

 

 

----- Original Message -----

From: benno.wolf@...

To: Cavicchio_Rob@...

Cc: docbook-apps@...

Sent: Monday, September 21, 2009 8:45 AM

Subject: [docbook-apps] Antwort: [docbook-apps] RE: Pictures as hotlinks

Thanks, but unfortunately this doesn't work since <inlinemediaobject> is not allowed in <figure>.
The problem is a bit more complicated because I've got a reference for pdf and one for html, but only html should have this link to a bigger picture.
Something like this:

       <figure>
           <title>blabb</title>
           <mediaobject>
             <imageobject role="fo">
               <imagedata contentdepth="100%" fileref="Pictures/image_big.png" scalefit="1"
                 width="100%" />
             </imageobject>
             <imageobject role="html" xlink:href="image_big.png">
               <imagedata fileref="Pictures/image_thumb.png" />
             </imageobject>
           </mediaobject>
         </figure>

The xlink-attribute of course does not work here.

But it should ;-).

Regards,
Benno

<Cavicchio_Rob@...>

21.09.2009 16:50

An	<docbook-apps@...>
Kopie
Thema	[docbook-apps] RE: Pictures as hotlinks

What about something like this construct:
 
<figure>
   <title></title>
   <ulink url="big_image.png"><inlinemediaobject><imageobject><imagedata
fileref="small_image.png"/></imageobject></inlinemediaobject></ulink>
</figure>
 
 
*************************
Rob Cavicchio
Principal Technical Writer
EMC Captiva
EMC Corporation
10145 Pacific Heights Boulevard, 6th Floor
San Diego, CA 92121-4234

P: [phone]
F: [phone]
E: Cavicchio_Rob@...

The opinions expressed here are my personal opinions. Content published here is not read or approved in advance by EMC and does not necessarily reflect the views and opinions of EMC.
 
 
 

---

From: benno.wolf@... [mailto:benno.wolf@...]
Sent: Tuesday, September 15, 2009 3:11 AM
To: docbook-apps@...
Subject: Pictures as hotlinks


Hello,
I've got a little problem here with big pictures (mostly in <figure>-tags) in html-files.
Since I use a cms for publishing my docs, there is only a restricted width for pictures so I want to use smaller ones and make them to hotlinks to the original version.
Is there a possibility to work around the limitation for xlinks which as much as I know only work for inline-elements?

Thanks in advance for any reply!

Benno

[benno.wolf]

Thank you very much,
this works fine.
The only thing now: how can I modify the Schema so I get no validation error because of the href within imagedata?
Or, probably I should leave that as it is ...

Thanks again & best regards,
Benno

"Bob Stayton" <bobs@...>

21.09.2009 18:13

An	<Cavicchio_Rob@...>, <benno.wolf@...>
Kopie	<docbook-apps@...>
Thema	Re: [docbook-apps] Antwort: [docbook-apps] RE: Pictures as hotlinks

Hi,
I could get it to work by customizing the template named 'process.image' from html/graphics.xsl.  Unfortunately, that is a huge template, so customizing means copying the whole thing just to change a couple of lines.  But it does work.
 
The 'process.image' template is called with imagedata as the context node.  So if you put the xlink:href on imagedata, the customization is easier.  In 'process.image', replace (in two places):
 
<xsl:copy-of select="$img"/>
 
with:
 
<xsl:call-template name="simple.xlink">
 <xsl:with-param name="content">
   <xsl:copy-of select="$img"/>
 </xsl:with-param>
</xsl:call-template>
 
Any imagedata elements without an xlink:href will just pass through.
 
Bob Stayton
Sagehill Enterprises
bobs@...
 
 
----- Original Message -----
From: benno.wolf@...
To: Cavicchio_Rob@...
Cc: docbook-apps@...
Sent: Monday, September 21, 2009 8:45 AM
Subject: [docbook-apps] Antwort: [docbook-apps] RE: Pictures as hotlinks



Thanks, but unfortunately this doesn't work since <inlinemediaobject> is not allowed in <figure>.
The problem is a bit more complicated because I've got a reference for pdf and one for html, but only html should have this link to a bigger picture.
Something like this:

      <figure>
          <title>blabb</title>
          <mediaobject>
            <imageobject role="fo">
              <imagedata contentdepth="100%" fileref="Pictures/image_big.png" scalefit="1"
                width="100%" />
            </imageobject>
            <imageobject role="html" xlink:href="image_big.png">
              <imagedata fileref="Pictures/image_thumb.png" />
            </imageobject>
          </mediaobject>
        </figure>

The xlink-attribute of course does not work here.

But it should ;-).

Regards,
Benno

<Cavicchio_Rob@...>

21.09.2009 16:50

An	<docbook-apps@...>
Kopie
Thema	[docbook-apps] RE: Pictures as hotlinks

What about something like this construct:
 
<figure>
  <title></title>
  <ulink url="big_image.png"><inlinemediaobject><imageobject><imagedata
fileref="small_image.png"/></imageobject></inlinemediaobject></ulink>
</figure>
 
 
*************************
Rob Cavicchio
Principal Technical Writer
EMC Captiva
EMC Corporation
10145 Pacific Heights Boulevard, 6th Floor
San Diego, CA 92121-4234

P: [phone]
F: [phone]
E: Cavicchio_Rob@...

The opinions expressed here are my personal opinions. Content published here is not read or approved in advance by EMC and does not necessarily reflect the views and opinions of EMC.
 
 
 

---

From: benno.wolf@... [mailto:benno.wolf@...]
Sent: Tuesday, September 15, 2009 3:11 AM
To: docbook-apps@...
Subject: Pictures as hotlinks


Hello,
I've got a little problem here with big pictures (mostly in <figure>-tags) in html-files.
Since I use a cms for publishing my docs, there is only a restricted width for pictures so I want to use smaller ones and make them to hotlinks to the original version.
Is there a possibility to work around the limitation for xlinks which as much as I know only work for inline-elements?

Thanks in advance for any reply!

Benno