|
Installation
Buy now £29 Get support
All the files you need are contained in the magicscroll folder within the zip file you downloaded.
- Upload the magicscroll folder to your server.
- Reference the magicscroll.js and magicscroll.css files before your </head> tag. Example:
<script src="/magicscroll/magicscroll.js" type="text/javascript"></script>
<link rel="stylesheet" type="text/css" href="/magicscroll/magicscroll.css"/>
- Create a div with the class MagicScroll.
- Place your images in the div. Example:
<div class="MagicScroll">
<a href="/some/link/1" ><img src="example1.jpg"/>Some text 1</a>
<a href="/some/link/2" ><img src="example2.jpg"/>Some text 2</a>
<a href="/some/link/3" ><img src="example3.jpg"/>Some text 3</a>
<a href="/some/link/4" ><img src="example4.jpg"/>Some text 4</a>
</div>
Customize
Customize your Magic Scroll with the 16 parameters. Specify your parameters in JavaScript, for example:
<script type="text/javascript">
MagicScroll.options = {
'speed':4,
'effect':'fade',
'thumbnail-opacity':1
}
</script>
More detailed installation instructions are on our website. If you get stuck, contact us.
|