Difference between revisions of "Component: Image ( Web Primitives)"

From Flowcode Help
Jump to navigationJump to search
(Created page with "{| style="width:50%" |- | width="20%" style="color:gray;" | Author | MatrixTSL |- | width="20%" style="color:gray;" | Version | 0.1 |- | width="20%" style="color:gray;...")
 
 
(2 intermediate revisions by the same user not shown)
Line 5: Line 5:
 
|-
 
|-
 
| width="20%" style="color:gray;" | Version
 
| width="20%" style="color:gray;" | Version
−
| 0.1
+
| 1.0
 
|-
 
|-
 
| width="20%" style="color:gray;" | Category
 
| width="20%" style="color:gray;" | Category
Line 15: Line 15:
 
Creates a Javascript compatible image object.
 
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]
 
  
−
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]
+
Library Version, Component Version, Date, Author, Info
  
 
==Detailed description==
 
==Detailed description==
Line 28: Line 26:
  
 
''<span style="color:red;">No additional examples</span>''
 
''<span style="color:red;">No additional examples</span>''
 +
 +
  
 
==Macro reference==
 
==Macro reference==
 +
 +
===SetSource===
 +
{| class="wikitable" style="width:60%; background-color:#FFFFFF;"
 +
|-
 +
| width="10%" align="center" style="background-color:#D8C9D8;" align="center" | [[File:Fc9-comp-macro.png]]
 +
| width="90%" style="background-color:#D8C9D8; color:#4B008D;" | '''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==
 
==Property reference==
Line 38: Line 57:
 
| width="90%" style="background-color:#D8C9D8; color:#4B008D;" | '''Properties'''  
 
| width="90%" style="background-color:#D8C9D8; color:#4B008D;" | '''Properties'''  
 
|-
 
|-
 +
|-
 +
| width="10%" align="center" style="background-color:#EAE1EA;" | [[File:Fc9-conn-icon.png]]
 +
| width="90%" style="background-color:#EAE1EA; color:#4B008D;" | Image
 +
|-
 +
|-
 +
| width="10%" align="center" | [[File:Fc9-type-12-icon.png]]
 +
| 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="10%" align="center" | [[File:Fc9-type-13-icon.png]]
 
| width="90%" | Filename
 
| 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="10%" align="center" | [[File:Fc9-type-10-icon.png]]
 
| width="90%" | AltText
 
| 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" style="background-color:#EAE1EA;" | [[File:Fc9-conn-icon.png]]
 +
| width="90%" style="background-color:#EAE1EA; color:#4B008D;" | Alignment
 +
|-
 +
|-
 +
| width="10%" align="center" | [[File:Fc9-type-12-icon.png]]
 +
| width="90%" | Vertical Alignment
 +
|-
 +
| colspan="2" | &nbsp;
 +
|-
 +
| width="10%" align="center" | [[File:Fc9-type-12-icon.png]]
 +
| width="90%" | Horizontal Alignment
 +
|-
 +
| colspan="2" | &nbsp;
 +
|-
 +
| width="10%" align="center" | [[File:Fc9-type-7-icon.png]]
 +
| width="90%" | Lock Aspect
 
|-
 
|-
 
| colspan="2" | &nbsp;
 
| colspan="2" | &nbsp;
Line 56: Line 108:
 
| width="90%" | Custom Attributes
 
| 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]

Latest revision as of 16:45, 25 June 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

Fc9-comp-macro.png SetSource
Sets the source of the image to the given URL. 
Fc9-string-icon.png - STRING src
The new image URL. 
Fc9-void-icon.png - VOID Return


Property reference

Fc9-prop-icon.png Properties
Fc9-conn-icon.png Image
Fc9-type-12-icon.png Location
The location of the image (a local file or a URL) 
Fc9-type-13-icon.png Filename
The location of a local image file 
Fc9-type-10-icon.png AltText
Text to display if image cannot be displayed in the browser 
Fc9-type-7-icon.png Embed File
Set true to embed the actual image into the generated web page 
Fc9-conn-icon.png Alignment
Fc9-type-12-icon.png Vertical Alignment
 
Fc9-type-12-icon.png Horizontal Alignment
 
Fc9-type-7-icon.png Lock Aspect
 
Fc9-conn-icon.png Advanced
Fc9-type-10-icon.png 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

Retrieved from "https://www.flowcode.co.uk/wiki/index.php?title=Component:_Image_(_Web_Primitives)&oldid=42252"