Adjust the Zoom Level Then Try Again. (Zoom in for Fewer and Zoom Out for More Css Pixels)

The <layer> or <plugin> elements can be used to include images, logos, buttons or dynamic plugins (due east.chiliad. krpano plugins). To combine, stack, sublayer several <layer> or <plugin> elements, either the parent setting can be used, or the children <layer> / <plugin> elements can be declared every bit child xml elements. In this case the parent and keep volition be automatically assigned to the parent element.

Annotation - the <layer> or <plugin> elements are internally exactly the same elements, only with different names! The usage of 'layer' instead of 'plugin' is recommended considering information technology describes the element improve. The name 'plugin' is from older krpano versions and just there for backward compatibility.

<plugin proper noun="..."         type="epitome"         url="..."         continue="imitation"         parent=""         visible="true"         enabled="true"         handcursor="true"         cursor="pointer"         maskchildren="imitation"         scalechildren="simulated"         zorder=""            capture="true"         capturefocus="truthful"         children="true"         nativecontextmenu="false"         preload="imitation"         blendmode="normal"            manner=""         marshal=""         edge=""            safearea="true"            x=""         y=""            ox=""         oy=""            rotate="0.0"         width=""         height=""         scale="1.0"            pixelhittest="simulated"         smoothing="true"         accuracy="0"            alpha="1.0"            autoalpha="fake"         usecontentsize="false"         scale9grid=""            crop=""         onovercrop=""         ondowncrop=""            mask=""         effect=""            bgcolor="0x000000"         bgalpha="0.0"         bgborder="0"         bgroundedge="0"         bgshadow=""         bgcapture="false"         onover.addevent=""         onhover.addevent=""         onout.addevent=""         onclick.addevent=""         ondown.addevent=""         onup.addevent=""         onloaded.addevent=""         />
<layer name="..."        blazon="image"        url="..."        keep="faux"        parent=""        visible="truthful"        enabled="true"        handcursor="true"        cursor="arrow"        maskchildren="false"        scalechildren="faux"        zorder=""            capture="true"        capturefocus="true"        children="true"        nativecontextmenu="false"        preload="false"        blendmode="normal"            style=""        align=""        edge=""            safearea="true"            x=""        y=""            ox=""        oy=""            rotate="0.0"        width=""        height=""        calibration="ane.0"            pixelhittest="false"        smoothing="true"        accuracy="0"            alpha="1.0"            autoalpha="false"        usecontentsize="simulated"        scale9grid=""            crop=""        onovercrop=""        ondowncrop=""            mask=""        effect=""            bgcolor="0x000000"        bgalpha="0.0"        bgborder="0"        bgroundedge="0"        bgshadow=""        bgcapture="faux"        onover.addevent=""        onhover.addevent=""        onout.addevent=""        onclick.addevent=""        ondown.addevent=""        onup.addevent=""        onloaded.addevent=""        />

Full variable proper name (read only) Type Default value
plugin.count layer.count int 0
The count of all layer / plugin elements.
Full variable name (Flash only) Type Default value
plugin.enabled layer.enabled Boolean true
Enable/disable the whole layer / plugin layer for receiving mouse events.
Full variable name (Wink only) Blazon Default value
plugin.visible layer.visible Boolean truthful
Show/hide the whole layer / plugin layer.
Full variable name (Wink simply) Blazon Default value
plugin.alpha layer.alpha Number i.0
Controls the transparency / alpha of the whole layer / plugin layer.
Full variable proper name (Flash only) Type Default value
plugin.layer layer.layer Sprite
Actionscript 3 Sprite object of the layer / plugin layer.
Attribute name Full variable proper noun Type Default value
name plugin[name].proper noun String
name layer[name].proper noun String
The name of the current layer / plugin chemical element (see the name notes).
Aspect name Full variable name (read only) Type Default value
alphabetize index plugin[name].index layer[proper noun].index int
The index of the electric current layer / plugin element.
Aspect proper noun Full variable proper noun Type Default value
type plugin[name].type String "paradigm"
type layer[proper noun].type String "image"
Type of the layer chemical element.

Possible settings:

  • image or plugin
    • The defaults, they don't need to be prepare.
    • The type will exist image when loading an paradigm file (like jpg, png, svg, ...) and plugin when loading a krpano .js plugin file.
  • container
    • Use the layer as container element for other layer elements.
    • The layer element needs to have width and summit settings!
    • The container element is transparent past default, merely a background color, edge and shape tin be divers past the bgcolor, bgalpha, bgborder, bgroundedge, bgshadow and bgcapture settings.
  • text
    • Employ this layer every bit textfield.
  • krpano
    • Embed another krpano viewer inside the layer.
    • This is an optimized manner for embedding and controlling other krpano instances.
    • The layer itself is also a container chemical element and has also all the container element settings.
    • The embedded viewer need to be controlled by Actions or Javascript.
    • When the viewer is ready the onloaded effect will exist called and the layer will contain a krpano variable that provides directly access to the krpano API of the embedded krpano viewer.
    • Case:
      <layer ...   type="krpano"   onloaded="krpano.actions.loadpano('test.xml');"    />                        
    • Javascript Example:
      var layer = krpano.addlayer(); layer.type = "krpano"; ... layer.onloaded = office() {   layer.krpano.image.reset();   layer.krpano.epitome.sphere = {url:"pano.jpg"};   layer.krpano.events.onloadcomplete = function(){...};   layer.krpano.actions.loadpanoimage();   layer.krpano.view.fov = 120; }                        
  • iframe
    • Embed an iframe (website) within the layer.
    • The url of the iframe can be set by the iframeurl setting.
    • The layer itself is also a container chemical element and has likewise all the container chemical element settings.
    • When the iframe is prepare the onloaded event will be chosen and the layer will comprise a iframe variable that provides access to the iframe html-element.
  • html
    • Embed raw/unparsed html-code within the layer.
    • The html-code can be set by the html setting.
    • If the html content should be scrollable tin exist set by the htmlscrollbars setting.
    • The layer itself is also a container chemical element and has also all the container element settings.
    • When the layer is fix the onloaded event will be called and the layer will contain a htmlelement variable that provides access to the html-element.
    • Case - store html-code inside the xml every bit CDATA <data> element:
      <data name="test"><![CDATA[   whatsoever html code...<br>   ... ]]></data>
      and and then load it by:
      html="get:data[test].content"
Attribute proper name Full variable name Type Default value
url plugin[name].url String
url layer[name].url String
The path/url to the layer / plugin image file. (see also the url notes)
Supported file types: JPG, PNG, GIF and SWF (Flash-just).

To define dissimilar urls for Flash and HTML, the xml device checks should exist used:

url.flash="plugin.swf
url.html5="plugin.js
Attribute name Total variable proper name Type Default value
keep plugin[name].keep Boolean false
keep layer[name].continue Boolean fake
Should this layer / plugin chemical element be kept or removed when loading a new pano.
See also the loadpano() action.
Attribute name Full variable proper name Type Default value
visible plugin[proper name].visible Boolean true
visible layer[proper name].visible Boolean truthful
Visibility of the layer / plugin element.
Attribute proper noun Full variable proper name Type Default value
enabled plugin[name].enabled Boolean truthful
enabled layer[name].enabled Boolean truthful
Enables the layer / plugin element to receive mouse events. When gear up to "false" so the mouse events will exist routed to the underlying elements.
Attribute name Full variable proper name Blazon Default value
handcursor plugin[proper name].handcursor Boolean truthful
handcursor layer[name].handcursor Boolean true
Show a hand cursor (or a custom cursor) when the mouse is over the element.
Attribute name Full variable name Type Default value
cursor plugin[proper noun].cursor String "arrow"
cursor layer[name].cursor String "pointer"
Use a custom CSS cursor for the chemical element (merely when handcursor is enabled).
Aspect name Full variable name Type Default value
maskchildren plugin[proper name].maskchildren Boolean false
maskchildren layer[name].maskchildren Boolean false
When fix to truthful then all children elements that are outside of the parent chemical element will be clipped / masked out.
Attribute name Full variable name Type Default value
zorder plugin[name].zorder Cord
zorder layer[name].zorder String
Deep / 'Z' ordering of the layer / plugin elements.
This value tin can be any cord or number. All layer / plugin elements with a zorder setting will be sorted by the given value. When nix is gear up - and so the order is undefined and depends on the loading/finishing order of the browser.

Note - this is an important setting for overlapping elements!
HTML5 Notes - the zorder should be a value betwixt 0 and 100, no negative values!

Attribute name Full variable name Type Default value
capture capture layer[name].capture plugin[name].capture Boolean truthful
This is an boosted setting to the enabled setting:
When enabled=true and capture=true then the mouse events will be only sent to this layer / plugin, no movement / controlling of the pano is possible.
When enabled=true and capture=false then the mouse events will exist sent to the layer / plugin and also to all underlying elements, controlling the pano will exist still possible.
Attribute name Full variable proper noun Type Default value
capturefocus capturefocus layer[name].capturefocus plugin[name].capturefocus Boolean truthful
Capture the input/keyboard focus when clicking or touching on the element.
Attribute name Full variable name Blazon Default value
children children layer[proper name].children plugin[name].children Boolean truthful
Enables the children elements of the current layer / plugin element for receiving mouse events.
Attribute proper noun Full variable name Blazon Default value
nativecontextmenu nativecontextmenu layer[name].nativecontextmenu plugin[name].nativecontextmenu Boolean simulated
When enabled the browsers native/default contextmenu will appear when right-clicking (or long-touching) on the element.

Note - this works only when the capture setting is also set to true!

Attribute proper name Full variable name Type Default value
preload preload layer[name].preload plugin[name].preload Boolean faux
Preload the layer / plugin url earlier loading the pano and before executing whatsoever deportment. This tin be used to strength some element to exist there and ready before everything else starts.

Note - the onloaded event doesn't work / can't exist used when preloading is enabled!

Attribute name Full variable name Type Default value
blendmode blendmode layer[name].blendmode plugin[proper noun].blendmode String "normal"
Blending / mixing mode - possible settings: normal, layer, screen, add together, subtract, divergence, multiply, overlay, lighten, darken, hardlight, invert.

See here for more details nearly all available blending modes:
http://help.adobe.com/.../BlendMode.html
And here for some illustrations / examples:
http://aid.adobe.com/.../DisplayObject.html#blendMode

Attribute name Full variable name Type Default value
marshal plugin[name].marshal String
align layer[proper name].align Cord
Alignment / origin-indicate position of the layer / plugin element on the screen.
Possible values: lefttop, left, leftbottom, acme, center, bottom, righttop, right, rightbottom - or - no value (empty or nothing)

When Not prepare (the default) no positioning will exist washed by krpano (useful / necessary for some flash/swf plugins).

Attribute name Total variable name Type Default value
edge plugin[proper name].edge String
edge layer[name].edge String
Edge / anchor-point of the layer / plugin element.
Possible values: lefttop, left, leftbottom, tiptop, middle, bottom, righttop, right, rightbottom - or - no value (empty or aught)

When NOT gear up (the default) the same setting as in the marshal attribute will be used.

Attribute proper name Full variable name Type Default value
safearea plugin[name].safearea Boolean true
safearea layer[proper noun].safearea Boolean truthful
Should the layer exist relative to the safe-area of the display or to the full-display-surface area.
Attribute name Full variable proper noun Type Default value
x
y
plugin[name].x
plugin[name].y
String
String
x
y
layer[proper name].x
layer[proper noun].y
String
String
Distance from the align point to the edge point.
This can be an accented pixel value or a relative (to the screenwidth or screenheight) pct value.

Annotation - for right/bottom aligned elements this distance volition be measured from the right/bottom side.

Attribute name Full variable name Type Default value
ox
oy
ox
oy
layer[name].ox
layer[name].oy
plugin[proper name].ox
plugin[name].oy
Cord
Cord
Offset / parallel-shift of the layer / plugin element. This values will be added to the 10/y values.
This can be an absolute pixel value or a relative (to layer / plugin size) pct value.
Aspect name Full variable name Type Default value
rotate plugin[name].rotate Number 0.0
rotate layer[proper name].rotate Number 0.0
Rotation of the layer / plugin element in degrees.
Aspect name Total variable proper name Type Default value
width
height
plugin[name].width
plugin[name].tiptop
String
String
width
height
layer[proper name].width
layer[name].height
String
String
Destination size of the layer / plugin element - the image will be scaled to that size.

This can be an absolute pixel value or a relative (to the screenwidth or screenheight) percentage value. When not gear up - the size of the loaded image will exist used.

Negative values - when using negative values as size, so the resulting size will exist the size of the parent element (or the size of the stage when there is no parent) minus the given negative value.

Additionally it's possible to use the special value "prop" to scale an epitome via width or tiptop by keeping it proportions (e.g. fix width or height to a value and the other setting to "prop" - width="500" summit="prop").

Attribute name Full variable name Type Default value
minwidth
maxwidth
minheight
maxheight
minwidth
maxwidth
minheight
maxheight
layer[name].minwidth
layer[name].maxwidth
layer[proper noun].minheight
layer[name].maxheight
plugin[name].minwidth
plugin[name].maxwidth
plugin[name].minheight
plugin[proper name].maxheight
int
int
int
int
0
0
0
0
Limit the resulting layer size.

Merely accented pixel values are possible for these settings. When the value for a min/max setting is 0, it will be disabled/ignored. Dynamic changes of these settings volition not trigger an instant update of the layer element.

Attribute name Full variable name (read only) Type Default value
imagewidth
imageheight
imagewidth
imageheight
layer[proper noun].imagewidth
layer[proper name].imageheight
plugin[name].imagewidth
plugin[name].imageheight
int
int
These variables contain the original unscaled pixel size of the loaded epitome, this information are outset available after the onloaded outcome.
Aspect name Total variable proper name (read only) Type Default value
pixelwidth
pixelheight
pixelwidth
pixelheight
layer[name].pixelwidth
layer[proper name].pixelheight
plugin[proper noun].pixelwidth
plugin[name].pixelheight
int
int
These variables contain the final pixel size of the element, simply notation - they don't get updated immediately when changing the normal width/peak/calibration variables, the update happens after a screen refresh or when calling the updatepos() action.
Attribute name Total variable proper noun (read only) Blazon Default value
pixelx
pixely
pixelx
pixely
layer[name].pixelx
layer[name].pixely
plugin[name].pixelx
plugin[name].pixely
int
int
These variables contain the final pixel position of the element, just notation - they don't go updated immediately when changing the align/edge/x/y/ox/oy variables, the update happens after a screen refresh or when calling the updatepos() action.

Notation - the values can differ between Flash and HTML5 when layering or scaling is involved due dissimilar technical implementations.

Attribute name Full variable proper noun Type Default value
scale plugin[proper name].scale Number i.0
scale layer[name].scale Number i.0
Scaling of the layer / plugin element.
Attribute name Full variable name (Flash only) Type Default value
pixelhittest pixelhittest layer[name].pixelhittest plugin[name].pixelhittest Boolean faux
Enabling a pixel accurate hitting testing which respects the transparency of the epitome instead of using the bounding box (Flash only).

Note - use this setting with intendance! The pixel authentic hit-examination is a much heavier performance than the normal default bounding box cheque!

Attribute name Full variable name (Flash just) Type Default value
smoothing smoothing layer[name].smoothing plugin[proper name].smoothing Boolean true
Pixel smoothing when scaling.
Aspect name Full variable proper noun Type Default value
accuracy accuracy layer[name].accurateness plugin[name].accuracy int 0
Accuracy of the layer / plugin image positioning:
When set to 0 (the default) the pixel positions will be rounded to full pixel values. When fix to 1 no rounding of the position values volition be done, just so the epitome tin can become blurry due this.

Note - if accuracy=1 would work depends likewise on if the browser is supporting sub-pixel-precise CSS coordinates.

Attribute name Full variable name Blazon Default value
alpha plugin[name].alpha Number 1.0
blastoff layer[name].alpha Number one.0
Alpha value / transparency of the layer / plugin element.
0.0 = fully transparent, 1.0 = fully visible

Note - fifty-fifty when prepare to 0.0 - the element will be all the same in that location and click-able - to hibernate it completely the visible attribute must exist set to false!

Attribute proper noun Full variable name Blazon Default value
autoalpha autoalpha layer[name].autoalpha plugin[name].autoalpha Boolean false
When set to "true", and so visible will be automatically set to "false" when alpha is 0.0 and dorsum to "true" when alpha is bigger and so 0.0.
Attribute name Full variable proper name (Flash just) Blazon Default value
usecontentsize usecontentsize layer[name].usecontentsize plugin[proper name].usecontentsize Boolean false
When a .swf file will exist loaded, and then are two possibilities to determinate its size / dimension - either the size of total sheet of the flash object will be used (usecontentsize=false, the default) - or - only the size of the drawn content there (usecontentsize=true).
Attribute name Total variable name Type Default value
scale9grid scale9grid layer[name].scale9grid plugin[proper name].scale9grid String
Defines a grid in pixel coordinates that splits the layer / plugin image into 9 segments. And when scaling the layer / plugin via the width / height / scale values, the 'edge' segments volition be kept unscaled and only the 'middle' segments will be scaled.

When using scale9grid, then scalechildren e'er will be false.

Syntax:

scale9grid="10-position|y-position|width|height|prescale*"
  • x/y-position - the start x/y pixel-position of the inner-box
  • width/meridian - the pixel-size of the inner-box
  • prescale - an optional scaling setting to pre-calibration the base-prototype itself
Attribute name Full variable name Type Default value
crop
onovercrop
ondowncrop
plugin[name].crop
plugin[name].onovercrop
plugin[name].ondowncrop
Cord
String
String
ingather
onovercrop
ondowncrop
layer[name].crop
layer[proper name].onovercrop
layer[proper name].ondowncrop
Cord
Cord
String
Crop / cutting out a rectangular area of the source image. Usefull to employ only 1 single image for serval image elements.
onovercrop / ondowncrop - dissimilar ingather areas for mouse over and mouse button downwardly states.

Syntax:

crop="x-position|y-position|width|height"
Attribute proper name Full variable name Type Default value
parent plugin[proper noun].parent String
parent layer[name].parent String
Assign the layer to be a child element of an other layer or a hotspot element. The assigned layer volition be aligned inside the parent element.

Syntax - either only use the proper name of another layer:

parent="proper name-of-the-other-layer"

Or specify the full 'path/proper noun' including the type of the layer or hotspot:
parent="layer[proper name]"
parent="hotspot[name]"

Additionally at that place are too these special parent elements:
  • parent="Stage" - place the layer outside the main krpano pano viewing and controlling context and this mode also to a higher place the other layers and exterior the <expanse>. The positions and sizes will be relative to the size of the total viewer surface area.
    This could be used for layers that should 'external' components like editor-controls.
  • parent="BGLAYER" - similar to Stage just BEHIND the <area>. Could exist used together with transparent groundwork rendering to draw a background behind fractional-panos or behind 3D-models.
  • parent="OVERLAY" - place the layer on top over all other layers and exterior the <expanse>. The positions and sizes will be relative to the size of the total viewer area. Depending on the expanse.cliplayers setting, the parts of the layers that are exterior the <area> will be either visible or hidden.

Notation - when using a WebGL-hotspot as parent, the hotspot automatically becomes a CSS3D-hotspot.
Attribute name Full variable proper name Type Default value
scalechildren plugin[name].scalechildren Boolean false
scalechildren layer[name].scalechildren Boolean simulated
Should a child layer / plugin element, that have been assigned by parent also be scaled when the current layer / plugin element will scaled.
Attribute name Full variable proper noun (Wink but) Type Default value
mask mask layer[proper name].mask plugin[name].mask Cord
Apply an other layer / plugin or hotspot image as mask. The epitome should have an alpha channel (e.k. use a .png image for information technology). Without alpha channel the bounding box area of the layer / plugin volition be used as mask.

Syntax:
Either use only the proper noun of a other layer / plugin:

mask="name"
Or the full path/proper noun of the layer / plugin or hotspot that should be used as mask:
mask="layer[proper name]"
mask="hotspot[name]"

Note - for rendering operation reasons the mask shouldn't non be used with distorted hotspots!

HTML5 Notes - for masking children elements that works the same in Flash and HTML5 employ the newer maskchildren setting.

Attribute name Total variable name (Flash only) Type Default value
effect effect layer[name].effect plugin[name].effect Cord
Apply bitmap effects to the layer / plugin image.
That can be any combinations of these effect functions:
glow(color,alpha,range,strength);
dropshadow(depth,angle,color,range,strength);
blur(radius);
Aspect proper noun Full variable name Type Default value
bgcolor plugin[proper noun].bgcolor int 0x000000
bgcolor layer[name].bgcolor int 0x000000
Background color of the container element (but available when type=container).
Attribute name Total variable proper noun Type Default value
bgalpha plugin[name].bgalpha Number 0.0
bgalpha layer[name].bgalpha Number 0.0
Transparency / alpha of the background color of the container element (merely available when type=container).
Attribute proper noun Full variable name Type Default value
bgborder plugin[name].bgborder String "0"
bgborder layer[name].bgborder String "0"
Add borders around the layer element.

Syntax:

bgborder="widths color alpha"

Parameters:
  • widths
    The border line-widths. This can be either just i size value for all sides or a comma separated list of values to define different widths for each side.
    At that place are four manner to gear up the widths:
    • 1 value ⇒ employ the same width for all sides.
    • 2 values: i,ii ⇒ 1=Pinnacle&Lesser, ii=Left&Right width.
    • 3 values: 1,2,iii ⇒ one=Superlative, 2=Left&Right, 3=Bottom width.
    • 4 values: 1,2,three,4 ⇒ ane=Pinnacle, two=Correct, 3=Lesser, 4=Left width.
  • color
    The colour of the border lines. The default is 0x000000 (black).
  • alpha
    Transparency / alpha of the border lines (0.0 to 1.0, default=1.0).
Attribute proper name Full variable name Type Default value
bgroundedge plugin[name].bgroundedge String "0"
bgroundedge layer[name].bgroundedge String "0"
Ascertain rounded edges for the layer element.
A value sets the border rounding radius in pixels.

Four values tin be fix, i for each edge (separated by space characters). They are given in the gild: top-left, top-right, bottom-correct, bottom-left. If lesser-left is omitted, it is the aforementioned as top-correct. If bottom-right is omitted, it is the same as top-left. If pinnacle-right is omitted, it is the same as top-left.

Attribute name Full variable proper noun Blazon Default value
bgshadow plugin[proper noun].bgshadow String
bgshadow layer[name].bgshadow String
Add a shadow behind the layer element.

Basic Syntax (v parameters, supported past Flash and HTML5):

bgshadow="xoffset yoffset blur color alpha"

Advanced Syntax (6 or more parameters, supported only by HTML5):
bgshadow="xoffset yoffset blur spread color alpha inset, ..."

Parameters:
  • xoffset, yoffset
    The starting time / altitude of the shadow in pixels.
  • mistiness
    The blur radius / range in pixels - defines how potent the shadow will be blurred.
    0 = no blur ⇒ abrupt edges.
  • spread
    Spreading of the shadow in pixels - expand (positive values) or shrink (negative values) the shadow.
  • color
    The colour of the shadow.
  • blastoff
    The alpha / transparency of the shadow.
  • inset
    When the text "inset" will be added as concluding parameter, then the shadow will be an inner shadow instead of an outer shadow.
  • ...
    Add together another shadow (comma separated).
Attribute name Full variable name Type Default value
bgcapture plugin[name].bgcapture Boolean imitation
bgcapture layer[proper name].bgcapture Boolean imitation
Capture mouse events on the background of the container element (only bachelor when type=container and bgalpha > 0.0).
Attribute name Total variable proper noun (read simply) Type Default value
ishotspot ishotspot layer[name].ishotspot plugin[proper noun].ishotspot Boolean imitation
A boolean read-only variable to check if the chemical element is a hotspot or a layer.
Always imitation for layers.
Aspect name Total variable name (read only) Type Default value
loading loading layer[name].loading plugin[name].loading Boolean fake
A boolean read-only variable that indicates that the layer / plugin is currently loading an image.
Aspect name Total variable name (read only) Type Default value
loaded loaded layer[name].loaded plugin[name].loaded Boolean false
A boolean read-but variable that indicates that the layer / plugin has loaded the given paradigm.
Attribute name Full variable name (read but) Type Default value
loadedurl loadedurl layer[proper noun].loadedurl plugin[proper noun].loadedurl String
The loadedurl attribute contains the full url of the currently loaded image.
Attribute name Full variable name (read only) Type Default value
hovering hovering layer[proper noun].hovering plugin[name].hovering Boolean false
A boolean read-only variable that indicates that the mouse cursor it currently over the layer / plugin.
Attribute name Total variable proper name (read merely) Blazon Default value
pressed pressed layer[proper noun].pressed plugin[name].pressed Boolean false
A boolean read-simply variable that indicates that the mouse button was pressed on the layer / plugin and is however hold downwards.
Aspect name Full variable name (read only) Type Default value
hitx
hity
hitx
hity
layer[name].hitx
layer[name].hity
plugin[name].hitx
plugin[name].hity
Number
Number
The relative 'hit-point' of the mouse or touch-betoken inside the layer when hovering or pressing it. The value range for hitx and hity is from 0.0 to 1.0 and from top-left to lesser-right.
Attribute proper name Full variable proper noun Type Default value
onover plugin[name].onover Action Result
onover layer[name].onover Activeness Consequence
Actions / functions that will be called when the mouse moves over the layer / plugin element.
Attribute proper name Full variable proper name Type Default value
onhover plugin[name].onhover Activeness Event
onhover layer[name].onhover Action Consequence
Deportment / functions that volition be called in intervals (15 times per second) when the mouse stays over / hovers the layer / plugin element.
Attribute name Full variable proper noun Type Default value
onout plugin[proper noun].onout Action Event
onout layer[name].onout Action Outcome
Actions / functions that will be chosen when the mouse moves out of the layer / plugin element.
Attribute name Full variable proper noun Type Default value
onclick plugin[proper name].onclick Action Result
onclick layer[name].onclick Activity Event
Actions / functions that will be called when there is a mouse click on the layer / plugin element.
Attribute name Full variable name Blazon Default value
ondown plugin[name].ondown Action Effect
ondown layer[name].ondown Action Issue
Deportment / functions that will exist called when the mouse button will be pressed downwards on the layer / plugin chemical element.
Attribute proper noun Total variable name Blazon Default value
onup plugin[proper name].onup Activity Event
onup layer[proper name].onup Activeness Issue
Deportment / functions that will exist chosen when the previously pressed mouse button will be released.
Aspect name Full variable name Blazon Default value
onloaded plugin[proper noun].onloaded Action Event
onloaded layer[name].onloaded Activity Event
Actions / functions that will be called when the loading of the layer / plugin image is done.
Full variable name Type Default value
layer[name].loader plugin[name].loader
Flash: Actionscript 3 Loader object of the loaded layer / plugin prototype.
HTML5: HTML Image chemical element.
Full variable proper name Type Default value
layer[name].sprite plugin[name].sprite
Flash: Actionscript iii Sprite object of the layer / plugin element.
HTML5: HTML DOM element (div) of the layer / plugin chemical element.
Full variable name Type Default value
layer[name].krpano plugin[proper noun].krpano Object
The direct krpano API of a krpano layer.
Aspect name Full variable proper noun Type Default value
iframeurl iframeurl layer[proper name].iframeurl plugin[name].iframeurl String
The iframe url for an iframe layer.
Full variable name Blazon Default value
layer[name].iframe plugin[proper noun].iframe HTML-Element
The iframe html-chemical element of an iframe layer.
Aspect proper name Full variable name Type Default value
html html layer[name].html plugin[name].html String
The raw html code string for a html layer.
Attribute name Full variable proper name Type Default value
htmlscrollbars htmlscrollbars layer[name].htmlscrollbars plugin[proper name].htmlscrollbars Boolean false
Enable or disable if the html-content of a html layer should be scrollable and eventually accept scrollbars.
Total variable name Blazon Default value
layer[name].htmlelement plugin[name].htmlelement HTML-Element
The html-chemical element of a html layer.
Add boosted events

Every bit xml attribute:

eventname.addevent="eventcode"

As dynamic call from actions:

layer plugin[name].addevent(eventname, eventcode)
hotspot[name].addevent(eventname, eventcode)
Add additional events beside the normal ones.

This can exist peculiarly helpful when using <style> elements and defining contained events there. Then information technology's possible to apply the events from style and too the own ones.

Case - when clicking the layer both events will exist called:

<style name="teststyle"        ...        onclick.addevent="trace('onclick from the style');"        />  <layer name="examination"        mode="teststyle"        ...        onclick="trace('onclick from the layer');"        />                

Events added by addevent can non be overwritten or removed.
Role name Type
layer[name].triggerevent(eventname) plugin[name].triggerevent(eventname) Activity
Trigger and process the given event on the element (the straight assigned one and the ones added by addevent).

Parameter:

  • eventname
    • The name of the event, east.g. 'onclick'.
Function proper noun Type
layer[name].loadstyle(styles) plugin[name].loadstyle(styles) Action
Copy/load the attributes from one or more <way> elements.

Parameter:

  • styles
    • The proper noun of a <way> chemical element.
    • Several manner names tin be to combined past a | character.
Function name Type
layer[name].registercontentsize(width,pinnacle) plugin[name].registercontentsize(width,height) Action
The registercontentsize action can be used to set up / register the 'original / source / unscaled' size of the layer / plugin element. By default the imagesize or the size of the swf file volition be used - this source size tin can be changed hither.
For HTML5 / Javascript Plugins that want to describe custom stuff this function telephone call is necessary to set the source size considering Javascript Plugins don't have any information almost its size.
Function name Type
layer[name].resetsize() plugin[proper name].resetsize() Action
An action to prepare the width and height values back to the source size of the loaded image. This can be used afterwards changing the url value to become the size of the new loaded image.
Function name Type
layer[name].updatepos() plugin[name].updatepos() Action
Updates / recalculates the position and size of the layer / plugin immediately (unremarkably this will be done automatically with the adjacent screen refresh). After calling this actions the pixelwidth and pixelheight variables will incorporate the final pixel sizes of the layer / plugin element.
Role name Type
layer[proper name].changeorigin(align,edge) plugin[name].changeorigin(marshal,edge) Activity
An action to change the alignment and edge of a layer / plugin chemical element without changing its current position. The x/y values will be recalculated to keep the current position.
Function name (plugininterface only) Blazon return
layer[name].getfullpath() plugin[name].getfullpath() Action String
A function that returns the full path/name of the layer / plugin element. Because of the return value this action is only callable from the plugin interface.

Illustration of the relations of "align", "edge", "x", "y", "width", "elevation":

A simple logo which opens an url on clicking:

<layer name="logo"        url="logoimage.png"        align="rightbottom" ten="xx" y="20"        onclick="openurl('http://...');"        />

A container layer with three prototype layers inside it:

<layer name="imagebar" type="container" width="100%" height="200" align="leftbottom" bgcolor="0x000000" bgalpha="0.5">   <layer name="item1" url="image1.jpg" marshal="left" x="10" />   <layer proper name="item2" url="image2.jpg" align="left" 10="110" />   <layer proper noun="item3" url="image3.jpg" align="left" ten="210" /> </layer>            

ayalabaced1986.blogspot.com

Source: https://krpano.com/docu/xml/

Belum ada Komentar untuk "Adjust the Zoom Level Then Try Again. (Zoom in for Fewer and Zoom Out for More Css Pixels)"

Posting Komentar

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel