Magic 360™

Examples

Spin on hover

Buy now Get support

Single row spin from left to right on hover.

Here's the code:

  1. <html>
  2.     <head>
  3.         <title>Magic 360&trade;: Spin on hover</title>
  4.        
  5.         <link rel="stylesheet" type="text/css" href="magic360/magic360.css" />
  6.         <script type="text/javascript" src="magic360/magic360.js"></script>
  7.  
  8.         <!-- Change the loading text and the hint text  -->
  9.         <script type="text/javascript">
  10.             Magic360.lang = {
  11.                 'hint-text': 'Hover to spin'
  12.             }
  13.         </script>
  14.        
  15.     </head>
  16.     <body>
  17.        
  18.         <p> Single row spin from left to right on hover.</p>
  19.         <a class="Magic360" href="#" data-magic360-options="autospin: false; spin: hover; filename:shoe-360-{col}.jpg;"><img src="images/shoe/shoe-360-01.jpg"/></a>
  20.        
  21.     </body>
  22. </html>