Using Image Assist

Now that you've configured the Image Assist module, you can use it to insert in-line images into posts. When you create a new story, blog, page, or similar node type that has one or more text areas for content, you will notice the Image Assist icon directly below the text areas. Click this icon, and the Image Assist pop-up window will appear (so make sure your browser allows pop-ups for your site), as shown in Figure 4-6.

Figure 4-6. The Image Assist icon and pop-up window

Use this pop-up window as follows:

• If you set a value for Image Preview filter on the Image Assist settings page, you can use the Filter options to select the images you want to see by category. Each selection box represents a vocabulary. Click Go to update the selection.

• If the thumbnails are too small to see clearly or too large to fit nicely on the page, use the plus and minus links to change their size.

• You can upload an image by clicking the add image link. It works just like adding an image with the Image module.

• Click a thumbnail to see the preview version in this frame.

• You can enter some text in the Image Description for the Visually Impaired field. This will be the value of the alt parameter in your <img> tag.

• The Image to Use setting lets you choose between the available derivative sizes of the image for inclusion in your post.

■Caution Before deciding to include the original image, make sure to refer to the Image Size in Pixels dimensions, to see if the image is appropriately sized to fit on the page without ruining your theme's layout.

• If the original is too big and the thumbnail is too small, you can adjust the size of the displayed image. Leave Maintain Aspect Ratio checked, and the height and width parameters will react to any changes by updating the other.

■Caution The Width and Height fields set the height and width parameters of the <img> tag and do not actually resize the image. This is not the best practice, as it can result in more bandwidth use, slower page loading, and poor-quality images. Use these fields only when really necessary.

• You can edit the image caption, as represented by the %caption variable in the image HTML template. If you have enabled the Preload Image Captions setting on the Image Assist settings page, the body of the image node will appear here. You can edit it to fit your caption needs without changing the original node.

• The Filter and Html radio buttons are available to those users who have the Choose Format Type permission. Choosing Filter (the default) will result in a macro tag. Selecting Html will result in pure HTML.

• You can always preview the code by clicking the Show code button. The code that will be inserted into your post will appear in a second pop-up window for your review.

Finally, when you're ready, click the Insert image button, and the macro tag or HTML will be inserted into the text area where the cursor appeared before you opened the Image Assist window.

Here is an example of the macro tag that is generated:

[img_assist|fid=11|thumb=1|alt=Antwerp train station|caption=Antwerp train station]

You can remove images from posts simply by deleting the macro tag or HTML that Image Assist generated.

0 0

Post a comment