Placing an image somewhere in a story, a skin or comment is pretty easy in antville: just use i.e.

<% image name="thumbsup" %>, and antville will insert the image:

Of course, to use this you will have to upload the image before, otherwise antville won't find anything. But don't worry, if you specify an image-name that does not exist, antville won't annoy you with an error message, it will simply display nothing.

You don't need to type the macro by yourselft, antville will also display the simple code needed to insert an image in the list of the imagepool. But you can do more:

You can also create image-links by using the following option:

<% image name="thumbsup" linkto="http://www.antville.org" %>

or also

<% image name="thumbsup" linkto="main" %>.

The first image will link to antville's frontpage, the target of the second one depends on where you placed the image-macro: if you placed it in a story, this image will link to the story itself, if you put it into the basic layout-skin of your weblog, it will point to the frontpage of your weblog.

The funny thing with the image-macro is that you can also embed images in your weblog that were uploaded in another one (some call this violation of intellectual property rights ...): i.e.

<% image name="project/ibrake" %>

will display this:

(this image was uploaded in project antville ...) But how can one find out the image-name? Simply right-click on the image and have a look at the filename: the portion between the last slash and the point is the name, so just use it. Of course your "pirated" image will disappear if it is deleted in the other weblog (after all you didn't copy it, you just told antville to create the appropriate image-tag).

In a similar way you can place one of the standard images of antville somewhere in your weblog. So to use the image that creates the neat pixel-line on the right, simply use <% image name="/dot" %>, which results in

So an image-name beginning with a slash will tell antville to search in the default image-pool. Of course you can also use the image-macro to embed one of the antville-logo buttons, but we added a special macro called logo for that (simply because these logos will automatically link to www.antville.org

Antville knows about the width and height of an image, but you can overrule that by using standard-html-options, i.e. specify a fixed width and height of the image. <% image name=thumbsup width=100 height=100 %> will downsize the above image. In the same way you can override the alternate text of an image (which should have been defined during upload) by adding alt="my new alttext" inside the macro-tag. And <% image name="thumbsup" border="3" %> will surround the image with a border (in this case with 3px width).

In the same way you can specify the (horizontal and vertical) alignment of an image, i.e. <% image name="thumbsup" align="right" valign="bottom" %> would align the image to the bottom right corner.

Antville is also capable to automatically create thumbnails of an image which you also can place in a skin, story or comment (and antville will automatically create a link to a popup that displays the image in full size).

The title should be corrected to instead of the html entity shown as text.

I would like to use the image location as a shortcut icon.
Is it possible to use only the location of the image as the placeholder?

many thanks, click
Naino (english version)

Hi!

I added some smileys to my image gallery in my blog. It is no problem, to use them in my stories, like this:

< % image name="smile" % >

(without the spaces of course - but it need to be readable here)

But it is not ok for users to write such a long code, in the comment, they do not know.

I would need some macros to shorten this to :-) or something similar.

Also possible would be a bar beside or below or above the form with all smileys shown above, and when you click on one, it inserts the correct code ( < % image name="smile" % > ) into the comment at the position of the cursor.

Any ideas??

Thanks in advance,
Stuepfnick