</listitem>
</itemizedlist></para>
</section>
+ <section>
+ <title>Adding images</title>
+ <para>This section shows how to add images to WebHelp. For that, follow the simple procedure given.<itemizedlist>
+ <listitem>
+ <para>Add all the images to template/content folder.</para>
+ </listitem>
+ <listitem>
+ <para>Then refer to those images from your docbook document.</para>
+ <para>Following image is from <emphasis role="bold">webhelp/template/content/images/sample.jpg</emphasis>. The
+ docbook code is shown below.</para>
+ <para>
+ <figure>
+ <title>Sample Image</title>
+ <mediaobject>
+ <imageobject>
+ <imagedata fileref="images/sample.jpg" format="JPG"/>
+ </imageobject>
+ </mediaobject>
+ </figure>
+ </para>
+ <example>
+ <title>Example code for adding images. Note down the relative path used</title>
+ <programlisting><figure>
+ <title>Sample</title>
+ <mediaobject>
+ <imageobject>
+ <imagedata fileref="<emphasis role="bold">images/sample.jpg</emphasis>" format="JPG"/>
+ </imageobject>
+ </mediaobject>
+</figure></programlisting>
+ </example>
+ </listitem>
+ </itemizedlist></para>
+ </section>
</chapter>
<chapter>