Drag out a box:
Find the Picture property and click the diaresis (...)
Choose an image and scale the box. Scale the image in a graphics program if necessary.
Other properties:
Align. Align image in different parts of form.
Center. Centre image in window.
Anchors. Use Anchors to ensure that a control maintains its current position relative to an edge of its parent, even if the parent is resized. When its parent is resized, the control holds its position relative to the edges to which it is anchored.
If a control is anchored to opposite edges of its parent, the control stretches when its parent is resized. For example, if a control has its Anchors property set to [akLeft,akRight], the control stretches when the width of its parent changes.
Anchors is enforced only when the parent is resized. Thus, for example, if a control is anchored to opposite edges of a form at design time and the form is created in a maximized state, the control is not stretched because the form is not resized after the control is created.
Cursor. Change cursor image when user's cursor goes over image.
Visible. True or false according to whether it is visible on screen or not. Use e.g. image1.visible:=true to control visibility of image.
We might want to load an image whena program is running, for which we would use something like this
form1.image1.picture.loadfromfile('opera_house.jpg');
To load an image from a file see the OpenPictureDialog section.