Build your perfect Magic Scroll™ below!

Also see more examples and the installation instructions.

Scroll
speed
duration
loop:
step:
direction
Geometry
width
height
items
Controls
arrows
arrows-opacity
arrows-hover-opacity
slider
slider-size

Choose your settings then apply them!
Your customised scroll and HTML are shown below.

Apply settings

Grey plaid Deep forest Chestnut Pink Black Orange Charcoal Navy Maroon

Copy and paste the code:

<script type="text/javascript">
MagicScroll.options = {
}
</script>

<div class="MagicScroll">
    <a href="page1.htm"><img src="allstar-1.jpg" /></a>
    <a href="page2.htm"><img src="allstar-2.jpg" /></a>
    <a href="page3.htm"><img src="allstar-3.jpg" /></a>
    <a href="page4.htm"><img src="allstar-4.jpg" /></a>
    <a href="page5.htm"><img src="allstar-5.jpg" /></a>
    <a href="page6.htm"><img src="allstar-6.jpg" /></a>
    <a href="page7.htm"><img src="allstar-7.jpg" /></a>
    <a href="page8.htm"><img src="allstar-8.jpg" /></a>
    <a href="page9.htm"><img src="allstar-9.jpg" /></a>
</div>