 |
Using dynamic images
You can bind images to dynamic content to create dynamic images. To do this, the data your content source field returns must include the pathname to the image (for example, /images/imagename.jpg for an image in an images folder inside the root folder of your site). You can create dynamic images using the Objects palette or by selecting an existing image in the Layout Editor.
To bind an image reference to dynamic content:
- Place an image or dynamic image on the page using the Object palette, and select it.
- In the Dynamic Bindings palette, select the content source and field that contains the pathnames for your images.
Note: The value from the content source is placed directly in the src attribute of the <img> tag. Thus the database should contain either a fully qualified URL or a URL relative to the site root. In the latter case, select the URL Is Relative to The Site Root option. GoLive then adjusts the value from the database by prefixing it with the correct number of ../ entries, so that the image pathname refers to the proper file. It is a good idea to set the image src in the Inspector to an image similar to those that will be supplied in your final Web site. This makes it easier to visualize the page in its final form. Remember that the image referenced isn't used when the page is served. The content source supplies the actual image reference.
Web images often have Alt Text that appears when graphics have been turned off in a browser or that is read when a person with visual impairments visits the page with a browser and software that supports this.
To add dynamic Alt Text for an image:
- Select an image in the Layout Editor.
- In the Dynamic Binding Details palette, select the desired content source and field in the Bind Alt Text area.
You can apply any sort of formatting to images (for example, borders and positioning) that have been bound to dynamic content. Pages generated with dynamic content by the Web server will maintain the appearance you specified for your image placeholders.