Images Restructured text

3. Images

On a new line, type in:

.. figure:: /crew/Richard/daffodils5k.jpg
     :alt: daffodils

This gives you:

Adding a Caption

On a new line, type in:

.. figure:: /images/vasudevaserver.gif
     :alt: vasudevaserver

     This is the caption

This gives you:

This is the caption.

Note that for the caption, we skipped a line and added text in line with the colon. It is important to keep the caption in line with the start of the colon. If things don't work out check the positioning of the text.

Align Images Right, Left or Centre

To align the image left or right, it is best to define a css class. On sites where Vasudeva Service products are used we would define a 'float-left', 'float-centre' or 'align-right' class which is called by adding

:figclass: float-right

below the :alt:. So

.. figure:: /images/vasudevaserver.gif
   :alt: vasudevaserver
   :figclass: float-centre


   Here is the caption for my image.

Produces something like

Here is the caption for my image.

Linking an image

just use :target:

.. figure:: /images/easyblog_logo.png
   :alt: easyblog
   :figclass: float-centre
   :target: http://plone.org/products/easyblog

Produces something like: