-
Press Choose Image.
The File Manager will open in the File Manager panel.
-
Select an image in the File Manager.
Find the image you want to use, click anywhere on the row containing the image, & select Choose.
The File Manager panel will close and the image you selected will appear under Image.
TIP: For more on the File Manager, see Managing Files.
-
Make the appropriate settings, explained below.
-
Press Add to update the contents of your Block.
Settings
Image On-State (Optional)
Image On-State is a fancy way of asking you if you want a different image to appear when a visitor moves her mouse over the image you selected. 99.9% of the time, you really don’t want to do this, but when that 0.1% finally strikes, here’s where you do it.
Press Choose Image On-State to pick the image that will appear when the visitor is “on” the image. A panel will open with the File Manager in it. Find the image you want to use, click anywhere on the row containing the image, & select Choose. The File Manager panel will close and the image you selected will appear under Image On-State (Optional).
WARNING: The image must be the exact same size as the first image you selected, or things will look very weird when the visitor’s mouse rolls over the picture!
TIP: For more on the File Manager, see Managing Images, Movies, and Other Files.
Image Links to URL
For Image Links To URL, enter a URL if you want the image to act as a clickable button that, when clicked, takes the visitors to a new webpage.
Examples:
NOTE: This is entirely optional.
Alt Text
For Alt Text, enter words, a phrase, or a short sentence that describes the image. This Alt Text (where “alt” is short for “alternative”) is used by screen readers that people with visual disabilities use to view the Web.
Note: An image's alt text can be displayed as a caption (see below).
Maximum Dimensions
For Width, enter the number in pixels.
For Height, enter the number in pixels.
TIP: Almost every image viewing program on your computer should be able to tell you the dimensions on an image in pixels.
Image Captions
WebSanity has created a Custom Template that display's an image's alt text as a caption below the image. To apply the template:
- Click on the image block in while the page is in edit mode.
- Choose the Custom Template option. A panel will appear.
- Choose the Captioned Image from the Custom Template drop-down.
- Press the Save button.