Home > Text > Integrating Pictures
Integrating Pictures
 
In order to be able to include a picture („image“) in a piece of text, there are two necessary steps: First the picture will have to be uploaded to the server, in Service „Facts“ (Upload and placement of an infoID). After that you can reference the uploaded picture to the desired location.

1. Upload:
If you would like to upload pictures, please navigate to Service „Facts“ and click „add/browse images“. After that click „add new image“, in order to upload the desired picture to the platform from your local network. For this purpose, click the button „Browse“ right next to the field „File Data.“ The standard window of Windows Explorer opens. Navigate in Explorer to the directory in which the uploaded picture is located, click the name of the file and finally click „open.“ The path is then now displayed in the field „file data“.
problem If you cannot see the „add/browse images“ button, then you do not have the permission to upload pictures to the platform. Consult your pAdmin. (-> Berechtigung).
2. Integration of an Image:
If you work in the facttext-editor-mode of the service “Facts,” you can very easily paste a picture using the integrated selection of pictures. In all other cases, you must enter a special code (syntax) which is used to set the desired position for the picture (here given with example infoID):
<factimage 104281.1/>
info In most cases you will not know the infoID of the desired picture by heart. Because of this, you find on the left column of the page next to the input mask the link „browse images.“ If you run this, you will get a list of all the pictures available on the platform including their infoIDs.
If you integrate a picture, it is advisable to specify the width and/or the height of the graphic. Since the browser can infer how big the graphic will be, the site will load faster, because the browser designates an accordingly large area in the place of the graphic not yet loaded. If you do not indicate the width and height, the browser delays displaying your site until it has read in all the necessary details from the included graphic files. Furthermore the specification of the height and width allows you to change the size of the picture.
Enter the following syntax:
<factimage 104281.1 width="30" height="30"/>
With this syntax contortions can occur if you do not enter the exact width and height proportions. If for this reason you want to avoid contortions, only enter one side:
<factimage 104281.1 width="30"/>
OR
<factimage 104281.1 height="30"/>
In order to be able to adjust a picture, take note of the following instructions:
Aligning the picture between paragraphs <factimage 104281.1 align="Adjustment"/>
Enter one of the following values for an justification: center = the picture is centered left = the picture is pasted on the left side (left-justified) right = the picture is pasted on the right side (right-justified)
Aligning the picture in the text <factimage 104281.1 align="Adjustment"/>
Enter one of the following values for an adjustment: top = the picture is pasted at its top margin into the text line. middle = the picture is pasted at its middle into the text line. bottom = the picture is pasted at its bottom margin into the text line.
Allowing text to flow around a picture <factimage 104281.1 align="Adjustment"/>
Type in one of the following values instead of an adjustment: left = Aligns the picture at the left side (text flows around the right side). right = Aligns the picture at the right side (text flows around the left side). Instead of „LeftRight“, type in a number, for example 10, in order to determine the pixel distance from the picture to the left and right edges. Instead of „TopBottom“, type in a number, for example 10, in order to determine the pixel distance from the picture to the top and bottom edges.
Set picture as a button <factlink 117559.0><factimage 104281.0 border="0"/></factlink>
pfeil_gr - 104202.1 further to: Links anlegen - Verweise

Metainfo:
AutorIn: Shaun Geisert; Publiziert von: Shaun Geisert (Shaun3180)
factID: 121635.1; Publiziert am 18 Jun. 2003 10:43