Aladin Lite

14-09-2014 21:03
  • <!-- include Aladin Lite CSS file in the head section of your page -->
  • <link rel="stylesheet" href="https://aladin.u-strasbg.fr/AladinLite/api/v2/latest/aladin.min.css" />
  •  
  • <!-- you can skip the following line if your page already integrates the jQuery library -->
  • <script type="text/javascript" src="https://code.jquery.com/jquery-1.9.1.min.js" charset="utf-8"></script>
  •  
  • <!-- insert this snippet where you want Aladin Lite viewer to appear and after the loading of jQuery -->
  •  
  • <div id="aladin-lite-div" style="width:800px;height:800px;"></div>
  • <script type="text/javascript" src="https://aladin.u-strasbg.fr/AladinLite/api/v2/latest/aladin.min.js" charset="utf-8"></script>
  • <script type="text/javascript">
  • var aladin = A.aladin('#aladin-lite-div', {survey: "P/DSS2/color", fov:60, target: "Mylky Way"});
  • </script>