Adding photos from an Acidfree Album to a page

The module we use to provide photo and video albums is named Acidfree Albums.

Once you have created or viewed an album and want to include photos into a regular page, you can do so by inserting an "acidfree tag" into your page.  The tag looks like:


where nnn is the "node number" of the photo that you want to include.  How do you know what the node number is for a photo?  When you view an album, and you hover the mouse over the thumbnail view of the photo that you want to include, you will see a phrase pop up at the lower right of the window.  The phrase shows the web location of the photo and will be something like

If you click on the thumbnail photo, the photo will be shown in its full size, and the node number will appear at the top of the browser window.  Either way, when you have that number, you can insert the photo into a page by inserting a tag that looks like:


as an example. 

There are some modifiers that you can use to further define how you want the photo to appear.  Here is an excerpt from the Acidfree Manual.  If you don't know what all of this stuff is, but you want to change where the photo appears or what its size is, then you would use these modifiers.  If you want help on how to create a tag, just ask.

Begin excerpt:

It is possible to change the way the [acidfree:nnn] tags look by adding a few name/value pairs. Note that any value that has spaces in it must be quoted either with single quotes ' or with double quotes ". Currently, the choices are:

  • title: use this string as the caption (Note that you can have the node title be the default caption by modifying the setting in admin/settings/acidfree)
  • align: {left,right}
  • size: {M, WxH} where M=max dimension and WxH=WidthxHeight
  • link: 'none' or relative or absolute url e.g. or node/59. If set to none, thumbnail will not be a link
  • popup: any value. If set, it will cause the link to be a popup link
  • style: CSS style information for the image
  • class: additional class for the image


  • [acidfree:1234 size=300 align=right] - right aligned thumbnail of node 1234 with max dimension of 300 pixels
  • [acidfree:4321] - left aligned thumbnail of node 4321 (default thumbnail size)
  • [acidfree:3241 align=left size=320x240] - right aligned thumbnail of node 3241 with size = 320x240
  • [acidfree:3241 title='This is a different title' size=320 popup=true link="http://mysite.dom/"] - left aligned thumbnail of node 3241 with a title set, size = 320x240, link pointing to mysite.dom and target=blank_ set in the anchor
  • [acidfree:3241 link=none class='my-image your-image' style="border: 2 px grey inset;"] - left aligned thumbnail of 3241, default size, class set and new style info

End of excerpt