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. |