Component: Image ( Web Primitives): Difference between revisions

Latest revision as of 14:36, 13 July 2026

Author	MatrixTSL
Version	1.0
Category	Web Primitives

Image component

Creates a Javascript compatible image object.

Version information

Library Version, Component Version, Date, Author, Info

Detailed description

No detailed description exists yet for this component

Examples

No additional examples

Macro reference

SetSource

	SetSource
Sets the source of the image to the given URL.
- STRING	src
The new image URL.
- VOID	Return

Property reference

	Properties
	Image
	Location
The location of the image (a local file or a URL)
	Filename
The location of a local image file
	AltText
Text to display if image cannot be displayed in the browser
	Embed File
Set true to embed the actual image into the generated web page
	Alignment
	Vertical Alignment

	Horizontal Alignment

	Lock Aspect

	Advanced
	Custom Attributes
Custom attributes added to the html <image> element

Component Source Code

Please click here to download the component source project: FC_Comp_Source_WEBEXP_Image.fcsx

Please click here to view the component source code (Beta): FC_Comp_Source_WEBEXP_Image.fcsx

@@ Line 5: / Line 5: @@
 |-
 | width="20%" style="color:gray;" | Version
-| 0.1
+| 1.0
 |-
 | width="20%" style="color:gray;" | Category
@@ Line 15: / Line 15: @@
 Creates a Javascript compatible image object.
-==Component Source Code==
+==Version information==
-Please click here to download the component source project: [https://www.flowcode.co.uk/wiki/componentsource/FC_Comp_Source_WEBEXP_Image.fcsx FC_Comp_Source_WEBEXP_Image.fcsx]
+ Library Version, Component Version, Date, Author, Info
-Please click here to view the component source code (Beta): [https://www.flowcode.co.uk/FlowchartView/?wfile=componentsource/FC_Comp_Source_WEBEXP_Image.fcsx FC_Comp_Source_WEBEXP_Image.fcsx]
 ==Detailed description==
@@ Line 28: / Line 26: @@
 ''<span style="color:red;">No additional examples</span>''
 ==Macro reference==
+===SetSource===
+{| class="mtx-class-macrotable wikitable"
+|-
+| width="10%" align="center" class="mtx-class-macrohead" | [[File:Fc9-comp-macro.png]]
+| width="90%" class="mtx-class-macrohead" | '''SetSource'''
+|-
+| colspan="2" | Sets the source of the image to the given URL.&nbsp;
+|-
+|-
+| width="10%" align="center" | [[File:Fc9-string-icon.png]] - STRING
+| width="90%" | src
+|-
+| colspan="2" | The new image URL.&nbsp;
+|-
+| width="10%" align="center" style="border-top: 2px solid #000;" | [[File:Fc9-void-icon.png]] - VOID
+| width="90%" style="border-top: 2px solid #000;" | ''Return''
+|}
 ==Property reference==
-{| class="wikitable" style="width:60%; background-color:#FFFFFF;"
+{| class="mtx-class-macrotable wikitable"
+|-
+| width="10%" align="center" class="mtx-class-macrohead" | [[File:Fc9-prop-icon.png]]
+| width="90%" class="mtx-class-macrohead" | '''Properties'''
+|-
+|-
+| width="10%" align="center" class="mtx-class-propfolder" | [[File:Fc9-conn-icon.png]]
+| width="90%" class="mtx-class-propfolder" | Image
+|-
 |-
-| width="10%" align="center" style="background-color:#D8C9D8;" | [[File:Fc9-prop-icon.png]]
+| width="10%" align="center" | [[File:Fc9-type-12-icon.png]]
-| width="90%" style="background-color:#D8C9D8; color:#4B008D;" | '''Properties'''
+| width="90%" | Location
 |-
+| colspan="2" | The location of the image (a local file or a URL)&nbsp;
 |-
 | width="10%" align="center" | [[File:Fc9-type-13-icon.png]]
 | width="90%" | Filename
 |-
-| colspan="2" | The location of an external image file&nbsp;
+| colspan="2" | The location of a local image file&nbsp;
 |-
 | width="10%" align="center" | [[File:Fc9-type-10-icon.png]]
 | width="90%" | AltText
+|-
+| colspan="2" | Text to display if image cannot be displayed in the browser&nbsp;
+|-
+| width="10%" align="center" | [[File:Fc9-type-7-icon.png]]
+| width="90%" | Embed File
+|-
+| colspan="2" | Set true to embed the actual image into the generated web page&nbsp;
+|-
+| width="10%" align="center" class="mtx-class-propfolder" | [[File:Fc9-conn-icon.png]]
+| width="90%" class="mtx-class-propfolder" | Alignment
+|-
+|-
+| width="10%" align="center" | [[File:Fc9-type-12-icon.png]]
+| width="90%" | Vertical Alignment
 |-
 | colspan="2" | &nbsp;
 |-
-| width="10%" align="center" style="background-color:#EAE1EA;" | [[File:Fc9-conn-icon.png]]
+| width="10%" align="center" | [[File:Fc9-type-12-icon.png]]
-| width="90%" style="background-color:#EAE1EA; color:#4B008D;" | Advanced
+| width="90%" | Horizontal Alignment
+|-
+| colspan="2" | &nbsp;
+|-
+| width="10%" align="center" | [[File:Fc9-type-7-icon.png]]
+| width="90%" | Lock Aspect
+|-
+| colspan="2" | &nbsp;
+|-
+| width="10%" align="center" class="mtx-class-propfolder" | [[File:Fc9-conn-icon.png]]
+| width="90%" class="mtx-class-propfolder" | Advanced
 |-
 |-
@@ Line 56: / Line 108: @@
 | width="90%" | Custom Attributes
 |-
-| colspan="2" | &nbsp;
+| colspan="2" | Custom attributes added to the html <image> element&nbsp;
 |}
+==Component Source Code==
+Please click here to download the component source project: [https://www.flowcode.co.uk/wiki/componentsource/FC_Comp_Source_WEBEXP_Image.fcsx FC_Comp_Source_WEBEXP_Image.fcsx]
+Please click here to view the component source code (Beta): [https://www.flowcode.co.uk/FlowchartView/?wfile=componentsource/FC_Comp_Source_WEBEXP_Image.fcsx FC_Comp_Source_WEBEXP_Image.fcsx]

SteveT (talk | contribs)