Home > Structure > English > Manuals > User Maunal > Create Content > Include Images
A newer version of this fact exists. (view)

Include Images
 
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“.

info3 - 125057.2
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. (-> Assign permissions to groups). Please ask your platform administrator.

2. Include:
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/>

info3 - 125057.2
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 proceed to:



Metainfo:
Author: Hella Dietz; Copyright: factline; Published by: Astrid Holzhauser (Astrid_H)
factID: 109580.8 (...history); published on 16 Mär. 2004 16:36
 
Shortcuts:
Structure  >  English  >  Manuals  >  User Maunal  >  Create Content 
 
Referers (12):
Working with factline text editor05 Mär. 2014factlink
Working with TinyMCE editor15 Nov. 2010factlink
Input mask15 Sep. 2010factlink
Working with epoz-facttext editor06 Jul. 2010factlink
Images07 Aug. 2009factlink
show all 12 referers.