Dreamweaver MX Behavior

The Preview Image extension allows you to preview an image before uploading it to your web server. To apply the behavior, you must first create an HTML form with a file field, Preview button, and two hidden form fields:

Once you've done that, select the Preview button in the Document window and choose Newman Zone > Preview Image from the Behaviors panel.

NOTE: This behavior only works with named form elements. Do not name the hidden fields width and height because they are reserved words in JavaScript.

Choose your file field from the first drop-down menu, and select the hidden fields used to store the image's width and height:

Click OK and press F12 to preview the page in a browser. Browse to an image on your hard drive and click the Preview button. The image is displayed in a pop-up window.

At this time, Preview Image supports IE 5+, NN 6+, and Opera 6 on the PC platform. If you attempt to use the behavior on an unsupported browser, you should receive a JavaScript alert message: "Sorry, this feature doesn't work with your browser."

— P.R. Newman

Home  |  Products |  My Books  |  Recipes  |  Ingredients  |  Weblog  |  Forums  |  Contact