Accessing Images and Other Files

When you want to access a single asset (an image file, document file, or anything else that you've uploaded through the Assets page), you simply use its filename:

<img src="/filename.jpg">

All assets appear at the root of the site, unless you've explicitly put them in a folder.

You can use tags to identify groups of photos. This example shows all the photos tagged "cat":

<w:assets:each tag="cat">
  <img src="<w:path />">
</w:assets:each>

If you're within the context of a particular database item, and you want all the images with the same tag as the item, then you'd use:

  <w:assets tag="var[kb:item:tag]">

This technique is helpful when you want to associate a database item with a group of photos: just assign them all the same tag, and then use the code above to find the items that match the current item when you're displaying information about the item. One limitation: it uses the first tag it finds on the item, so it is only effective when the database item has only a single tag. The images, however, can have any number of tags.

You can use whatever HTML markup you want to style the series of images. For example:

<ul>
  <w:kb:item:each tag='Cat'>
    <li class='imageList'><img src="<w:path />"></li>
  </w:kb/item:each>
</ul>

For details on accessing automatically generated image renditions, such as thumbnails, see Creating and Accessing Image Renditions.