| # Magic 360™ Buy now Get support Customise your Magic 360™ with the parameters below. Use the settings wizard to find your perfect combination of settings.
Parameters for Magic 360™
Parameter | Default | Options | Description
--- | --- | --- | ---
Common settings
filename |  | e.g. my-image-name-{row}-{col}.jpg | The format of your image file names.
large-filename |  | e.g. my-bigimage-name-{row}-{col}.jpg | The format of your large image file names.
columns | 36 | numeric | Number of images per row.
rows | 1 | numeric | Number of images per column.
Autospin
autospin | once | once | twice | infinite | off | Automatically spin the image on page load.
autospin-speed | 3600 | numeric | The time (ms) taken to complete 1 rotation.
autospin-start | load | load | hover | click | or combination e.g. load,hover | Start autospin on page load, click or hover.
autospin-stop | click | click | hover | never | Stop autospin on click, hover or never.
autospin-direction | clockwise | clockwise | anticlockwise | alternate-clockwise | alternate-anticlockwise | Direction of autospin.
Full-screen & Magnifier
fullscreen | false | true | false | Enable full-screen spin if large images exist.
magnify | true | true | false | Enable magnifier if large images exist.
magnifier-shape | inner | inner | circle | square | Shape of magnifying glass.
magnifier-width | 80% | % of small image width or fixed size in px | Width of magnifying glass (if circle or square).
Other settings
initialize-on | load | load | hover | click | When to download the images.
speed | 50 | 0-100 | Speed of spin (100 = fast).
hint | true | true | false | Show hint message & arrows.
filepath |  | e.g. /my/image/location/ | Folder for images. Only needed if different from img src folder.
large-filepath |  | e.g. /my/bigimage/location/ | Location of large images. Only needed if different from href folder.
mousewheel-step | 3 | numeric | Number of frames to spin on mousewheel.
right-click | false | true | false | Show right-click menu on the image.
start-column | auto | numeric or auto | Column from which to start spin. auto will fetch start column from the image src.
start-row | auto | numeric or auto | Row from which to start spin. auto will fetch start row from the image src.
reverse-column | false | true | false | Reverse rotation on X-axis.
reverse-row | false | true | false | Reverse rotation on Y-axis.
spin | drag | drag | hover | Method for spinning the image.
smoothing | true | true | false | Smoothly stop the image spinning.
loop-column | true | true | false | Continue spin after the last image on X-axis.
loop-row | false | true | false | Continue spin after the last image on Y-axis.
column-increment | 1 | numeric | Load only every second (2) or third (3) column so that spins load faster.
row-increment | 1 | numeric | Load only every second (2) or third (3) row so that spins load faster.
### Localization
Adjust the text on Magic360 controls.
Parameter | Default | Options | Description
--- | --- | --- | ---
loading-text | Loading... | text | Text shown during image load.
fullscreen-loading-text | Loading large spin | text | Text shown while full-screen images are loading.
hint-text | Drag to spin | text | Text shown on image (for computers).
mobile-hint-text | Swipe to spin | text | Text shown on image (for mobile devices).
Example: <script type="text/javascript"> Magic360.lang = { 'hint-text': 'Drag', 'mobile-hint-text': 'Spin' }; </script>