Area

From MegaZine3
Jump to navigation Jump to search


The area element can be used to create invisible regions to be used for user interaction. This is basically equivalent to using an img element loading a transparent image.

Attributes

{{#switch:left | left =

{{#switch:{{#if: | {{{smallimage}}} | }} | none =

| #default =

}} {{#if:{{#if: | {{{smallimageright}}} | }} | {{#ifeq:{{#if: | {{{smallimageright}}} | }}|none | | }} }}

| #default =

{{#switch: | none =

| #default =

}}

{{#if: | {{#ifeq:|none

 | 
| }} }}

}}

== height =={{#if: Number |

  • Type: Number}}{{#if: |
  • Valid values: {{{valid}}}}}{{#if: |
  • Default: {{{default}}}}}{{#if: |
  • Overrides: {{{overrides}}}}}{{#if: |
  • Aliases: {{{alias}}}}}{{#if: |
  • Version: {{{version}}}}}

The height of the element. Required.{{#if: |

  • See also: {{{see}}}}}

== width =={{#if: Number |

  • Type: Number}}{{#if: |
  • Valid values: {{{valid}}}}}{{#if: |
  • Default: {{{default}}}}}{{#if: |
  • Overrides: {{{overrides}}}}}{{#if: |
  • Aliases: {{{alias}}}}}{{#if: |
  • Version: {{{version}}}}}

The width of the element. Required.{{#if: |

  • See also: {{{see}}}}}

Examples

<book plugins="anchors,links,overlays">
    <chapter>
        <page>
            <img src="data/cover.jpg"/>
            <area width="200" height="100" url="anchor:index"/>
        </page>
        <spreadpage anchor="index">
            <img src="data/index.jpg"/>
        </spreadpage>
        <!-- ... -->
    </chapter>
</book>
MegaZine3 Core-related articles
Book elements Book · Chapter · Page · Spreadpage
Page elements Area · GIF · Image · Navigation · Sound · Text · Video