Difference between revisions of "Component: Image ( Web Primitives)"
From Flowcode Help
Jump to navigationJump to search| (One intermediate revision by the same user not shown) | |||
| Line 5: | Line 5: | ||
|- | |- | ||
| width="20%" style="color:gray;" | Version | | width="20%" style="color:gray;" | Version | ||
| − | | 0 | + | | 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. | ||
| − | == | + | ==Version information== |
| − | + | Library Version, Component Version, Date, Author, Info | |
| − | |||
| − | |||
==Detailed description== | ==Detailed description== | ||
| Line 32: | Line 30: | ||
==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. | ||
| + | |- | ||
| + | |- | ||
| + | | width="10%" align="center" | [[File:Fc9-string-icon.png]] - STRING | ||
| + | | width="90%" | src | ||
| + | |- | ||
| + | | colspan="2" | The new image URL. | ||
| + | |- | ||
| + | | 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 40: | 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) | ||
|- | |- | ||
| 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 | + | | colspan="2" | The location of a local image file |
|- | |- | ||
| 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 | ||
| + | |- | ||
| + | | 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 | ||
| + | |- | ||
| + | | 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" | | ||
| + | |- | ||
| + | | width="10%" align="center" | [[File:Fc9-type-12-icon.png]] | ||
| + | | width="90%" | Horizontal Alignment | ||
| + | |- | ||
| + | | colspan="2" | | ||
| + | |- | ||
| + | | width="10%" align="center" | [[File:Fc9-type-7-icon.png]] | ||
| + | | width="90%" | Lock Aspect | ||
|- | |- | ||
| colspan="2" | | | colspan="2" | | ||
| Line 58: | Line 108: | ||
| width="90%" | Custom Attributes | | width="90%" | Custom Attributes | ||
|- | |- | ||
| − | | colspan="2" | | + | | colspan="2" | Custom attributes added to the html <image> element |
|} | |} | ||
| + | |||
| + | ==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 |
Contents
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
