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.
CAUTION CAUTION
684
Incorporating Dynamic Data Part IV
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 validating 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 Property inspector or Tag inspector
Some databases support storing the actual images as a Binary Large Object (BLOB ).
Pages:
1185
1186
1187
1188
1189
1190
1191
1192
1193
1194
1195
1196
1197
1198
1199
1200
1201
1202
1203
1204
1205
1206
1207
1208
1209