| # Full-screen & magnify Buy now Get support
Full-screen button shows in top right. Click image to magnify. | Circle magnifying glass.
Square magnifying glass with the width of 40%. | Disable full-screen & magnify.
## Here's the code: <html> <head> <title>Magic 360&trade;: Full-screen &amp; magnify</title> <link rel="stylesheet" type="text/css" href="magic360/magic360.css" /> <script type="text/javascript" src="magic360/magic360.js"></script> </head> <body> <table width="100%"> <tr> <td> <p>Full-screen button shows in top right. Click image to magnify.</p> <a class="Magic360" href="images/shoe/shoe-800-01.jpg" data-magic360-options="filename: shoe-360-{col}.jpg; large-filename: shoe-800-{col}.jpg;"><img src="images/shoe/shoe-360-01.jpg"/></a> </td> <td> <p>Circle magnifying glass.</p> <a class="Magic360" href="images/shoe/shoe-800-01.jpg" data-magic360-options="magnifier-shape: circle; filename: shoe-360-{col}.jpg; large-filename: shoe-800-{col}.jpg;"><img src="images/shoe/shoe-360-01.jpg"/></a> </td> </tr> <tr> <td> <p>Square magnifying glass with the width of 40%.</p> <a class="Magic360" href="images/shoe/shoe-800-01.jpg" data-magic360-options="magnifier-shape: square; magnifier-width: 40%; filename: shoe-360-{col}.jpg; large-filename: shoe-800-{col}.jpg;"><img src="images/shoe/shoe-360-01.jpg"/></a> </td> <td> <p>Disable full-screen &amp; magnify.</p> <a class="Magic360" href="images/shoe/shoe-800-01.jpg" data-magic360-options="fullscreen: false; magnify: false; filename:shoe-360-{col}.jpg; large-filename: shoe-800-{col}.jpg;"><img src="images/shoe/shoe-360-01.jpg"/></a> </td> </tr> </table> </body> </html>