Installation

Buy now  £29 Get support

All the files you need are contained in the magicscroll folder within the zip file you downloaded.

  1. Upload the magicscroll folder to your server.
  2. 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"/>
  3. Create a div with the class MagicScroll.
  4. 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.