123456789101112131415161718192021222324252627282930313233343536373839404142 |
- <!DOCTYPE html>
- <html>
- <head>
- <title>Dungeon Defenders Viewer</title>
- <script src="res/js/jquery-1.7.1.min.js" type="text/javascript"></script>
- <script src="res/js/jquery-ui-1.8.17.custom.min.js" type="text/javascript"></script>
- <script src="res/data/towers.js" type="text/javascript"></script>
- <script type="text/javascript">
- $(function() {
- $.each(towers, function() {
- $('<img>')
- .attr('src', this.image)
- .attr('alt', this.name)
- .addClass('tower')
- .appendTo($('#palette'));
- });
-
- $('.tower,.core').draggable({
- helper: 'clone',
- containment: 'window',
- stop: function(evt, ui) {
- $(this).clone()
- .draggable()
- .css('position', 'absolute')
- .offset(ui.helper.offset())
- .appendTo(document.body);
- }
- });
- });
- </script>
- <style type="text/css">
- .tower { width: 40px; height: 40px; }
- </style>
- </head>
- <body>
- <img src="res/images/minimaps/Level1.png" alt="Level 1 minimap" id="map">
- <img src="res/images/coreIcon.png" alt="core" class="core">
-
- <div id="palette">
- </div>
- </body>
- </html>
|