Image field (F2C Pro)
Form2Content offers user friendly ways of including images into your Joomla article. Simple upload, re-size, crop and auto thumbnail features make life easy for you and your user.
Template parameters available
There are many situations, most often in combination with Joomla plugins, where it is necessary to present the 'link' to the images in different ways. For this reason there are many template parameters you can use.
Form2Content LITE & PRO
{$< FIELDNAME >} = RAW or HTML output (see below)
{$F2C_IMAGES_PATH_RELATIVE} = Relative path (from images/stories) to the image directory
{$F2C_IMAGES_PATH_ABSOLUTE} = Absolute path (incl. root) to the image directory
Form2Content PRO only
{$< FIELDNAME >_TITLE} = Title of the image
{$< FIELDNAME >_ALT_TEXT} = Alt of the image
{$F2C_IMAGES_THUMBS_PATH_RELATIVE} = Relative path (from images/stories) to the thumbs directory
{$F2C_IMAGES_PATH_THUMBS_ABSOLUTE} = Absolute path (incl. root) to the thumbs directory
{$< FIELDNAME >_PATH_RELATIVE} = Relative url (from images/stories) to the re-sized image
{$< FIELDNAME >_THUMB_URL_RELATIVE} = Relative url (from images/stories) to the re-sized thumb
{$< FIELDNAME >_THUMB_URL_ABSOLUTE} = Absolute url (incl. root) to the re-sized thumb
{$< FIELDNAME >_WIDTH} = Actual width of the re-sized image*
{$< FIELDNAME >_HEIGHT} = Actual height of the re-sized image*
{$< FIELDNAME >_WIDTH_THUMB} = Actual width of the re-sized thumb*
{$< FIELDNAME >_HEIGHT_THUMB} = Actual height of the re-sized thumb*
{$< FIELDNAME >_IMAGE} = The html img tag of the image
{$< FIELDNAME >_RAW} = The URL of the image
*If you need to upgrade to get this feature, the values are only available for newly uploaded images.
Article template example
Image HTML output setting
The HTML output setting 'pastes' the img html tag into the template. i.e. < img src= ... etc />.
Example of an intro template with RAW setting:
*note there are some extra spaces in the html tags to prevent renderingImage RAW output setting
The RAW output setting 'pastes' the absolute url of the image location into the template.
Example of an intro template with RAW setting:
*note there are some extra spaces in the html tags to prevent renderingImage location after upload
Uploaded and re-sized images are saved in < root >/images/stories/form2content
Some thing to know regarding (uploading) images
-
Form2Content does not save the original image.
-
Image names are replaced with a number
-
There are PHP settings form max. number of allowed uploads and max. file size
-
The max. file size in F2C global setting is per image
-
The max. file size for PHP is for the total upload!!