| # Message & arrows Buy now Get support You can change the text and arrows shown in the "hint".
Hint with different text "360". | Hint with different text "360" and different arrows.
Hint disabled. |
## Here's the code: <html> <head> <title>Magic 360&trade;: Message &amp; arrows</title> <link rel="stylesheet" type="text/css" href="magic360/magic360.css" /> <script type="text/javascript" src="magic360/magic360.js"></script> <!-- Styles for the hint of the second spin --> <style type="text/css"> .second .Magic360 .Magic360-hint .hint-side { background-image: url(magic360/graphics/hint-03.png); } </style> <!-- Change the hint text --> <script type="text/javascript"> Magic360.lang = { 'hint-text': '360' ,'mobile-hint-text': '360' } </script> </head> <body> <p>You can change the text and arrows shown in the "hint".</p> <table width="100%"> <tr> <td> <p>Hint with different text "360".</p> <a class="Magic360" href="#" data-magic360-options="filename: shoe-360-{col}.jpg;"><img src="images/shoe/shoe-360-01.jpg"/></a> </td> <td class="second"> <p>Hint with different text "360" and different arrows.</p> <a class="Magic360" href="#" data-magic360-options="filename: shoe-360-{col}.jpg;"><img src="images/shoe/shoe-360-01.jpg"/></a> </td> </tr> <tr> <td> <p>Hint disabled.</p> <a class="Magic360" href="#" data-magic360-options="filename: shoe-360-{col}.jpg; hint: false;"><img src="images/shoe/shoe-360-01.jpg"/></a> </td> <td>&nbsp;</td> </tr> </table> </body> </html>