Markup

An example of the markup with all possible attributes looks like this:

	 <div id="scenicElement">
        <div data-height="50%" data-zoom="1.3" data-angle="0.4" data-frequency="250" data-duration="1" data-timing="ease-out" style="display: none">
            <img src="images/1.png" data-distance="0.9" data-left="0" data-top="0" data-width="100" data-height="100"/>
            <img src="images/2.png" data-distance="0.6" data-left="0" data-top="0" data-width="100" data-height="100"/>
            <img src="images/3.png" data-distance="0.5" data-left="0" data-top="0" data-width="100" data-height="100"/>
            <img src="images/4.png" data-distance="0.4" data-left="10.5" data-top="0" data-width="80" data-height="100"/>
            <img src="images/5.png" data-distance="0.2" data-left="36" data-top="10" data-width="60" data-height="91" />
            <div data-distance="0.1" data-left="12" data-top="-5" data-width="50" data-height="50">Some text</div>
            <div data-distance="0.0" data-left="11" data-top="4" data-width="50" data-height="50">... Any HTML ...</div>
        </div>
    </div>