
766
Part IV
Incorporating Dynamic Data
6. If your data is stored as filenames only, enter any required path in the URL field before
the existing code. The path information may be document-relative, site-root-relative, or
absolute.
7. When you’re finished, click OK.
You can get a quick view of your work by choosing View ➪ Live Data or by clicking the Live Data
button on the Document toolbar. The placeholder icon for the dynamic image initially appears in its
default size of 32 x 32 pixels, but it expands to full size after you enable Live Data or you view the
page through the testing server.
If possible, store the height and width of your images in separate fields in the database.
This prevents images from resizing in the browser and causing the page to jump as the
browser determines each image’s size. You also need the height and width for each image if you’re vali-
dating against an XHTML DOCTYPE.
FIGURE 20-6
When inserting a dynamic image, you specify only the data source and field. Dreamweaver
automatically inserts the image with the correct dimensions.
If you use static graphic placeholders in your design, you can use an alternative technique. From the
Bindings panel, drag the field containing the image names onto the static graphic. If your data is just
filenames without path information, you have to add the required path to the beginning of the
src
attribute in the Prop