Files
aladin-lite/bug-tracking/multiple-aladin-lite.html
tboch d3d299f93c
2017-08-28 14:43:01 +00:00

37 lines
965 B
HTML

<!doctype html>
<html>
<head>
<style>
.aladin-lite {
height: 300px;
width: 300px;
}
</style>
<link rel="stylesheet" href="http://aladin.u-strasbg.fr/AladinLite/api/v2/latest/aladin.min.css" />
</head>
<body>
<script src="http://code.jquery.com/jquery-1.10.1.min.js"></script>
<table>
<tr>
<td><div style="width: 300px; height: 300px" class="aladin-lite" id="a1"></div></td>
<td><div style="width: 300px; height: 300px" class="aladin-lite" id="a2"></div></td>
<td><div style="width: 300px; height: 300px" class="aladin-lite" id="a3"></div></td>
</tr>
</table>
<script type="text/javascript" src="http://aladin.u-strasbg.fr/AladinLite/api/v2/latest/aladin.min.js" charset="utf-8"></script>
<script type="text/javascript">
var a1 = A.aladin('#a1', {target: 'M1', zoom: 0.3});
var a2 = A.aladin('#a2', {target: 'M2', zoom: 0.3});
var a3 = A.aladin('#a3', {target: 'M3', zoom: 0.3});
a2.gotoPosition(0, 0);
</script>
</body>
</html>