front_idill/src/index.html
changeset 44 8393d3473b98
parent 35 4267d6d27a7d
child 45 0e29ae4568a0
equal deleted inserted replaced
43:cefce0845ac5 44:8393d3473b98
    30         <script type="text/javascript" src="../lib/less-1.3.0.min.js"></script>
    30         <script type="text/javascript" src="../lib/less-1.3.0.min.js"></script>
    31         <script type="text/javascript" src="../lib/underscore-min.js"></script>
    31         <script type="text/javascript" src="../lib/underscore-min.js"></script>
    32         <script type="text/javascript" src="../lib/jquery.min.js"></script>
    32         <script type="text/javascript" src="../lib/jquery.min.js"></script>
    33         <script type="text/javascript" src="../lib/jquery-ui.min.js"></script>
    33         <script type="text/javascript" src="../lib/jquery-ui.min.js"></script>
    34         <script type="text/javascript" src="./mosaic/js/mosaic.js"></script>
    34         <script type="text/javascript" src="./mosaic/js/mosaic.js"></script>
       
    35         <script type="text/javascript" src="./mosaic/js/notifications.js"></script>
       
    36         <script type="text/javascript" src="./mosaic/js/pointers.js"></script>
       
    37         <script type="text/javascript" src="./mosaic/js/zoomInteractions.js"></script>
       
    38         <script type="text/javascript" src="./mosaic/js/neighbours.js"></script>
       
    39         <script type="text/javascript" src="./mosaic/js/search.js"></script>
       
    40         <script type="text/javascript" src="./mosaic/js/playerControl.js"></script>
    35         <script type="text/javascript" src="./mosaic/js/localMosaic.js"></script>
    41         <script type="text/javascript" src="./mosaic/js/localMosaic.js"></script>
    36 		<script type="text/javascript" src="./player/metadataplayer/LdtPlayer-core.js"></script>
    42 		<script type="text/javascript" src="./player/metadataplayer/LdtPlayer-core.js"></script>
    37 		<script type="text/javascript" src="../lib/paper.js"></script>
    43 		<script type="text/javascript" src="../lib/paper.js"></script>
    38 		<link rel="stylesheet" type="text/css" href="./search/css/searchCanvas.css" />
    44 		<link rel="stylesheet" type="text/css" href="./search/css/searchCanvas.css" />
    39 		<script type="text/javascript" src="./search/js/searchCanvas.js"></script>
    45 		<script type="text/javascript" src="./search/js/searchCanvas.js"></script>
       
    46 		<script type="text/javascript" src="./communication/js/client.js"></script>
    40     </head>
    47     </head>
    41     
    48     
    42     <body>
    49     <body>
    43         <!-- Ce div stocke la mosaïque. -->
    50         <!-- Ce div stocke la mosaïque. -->
    44         <div id="mainPanel"></div>
    51         <div id="mainPanel"></div>
    56 			default_parameters['length'] = 5;
    63 			default_parameters['length'] = 5;
    57 			default_parameters['imagesToShow'] = 20;
    64 			default_parameters['imagesToShow'] = 20;
    58 			default_parameters['totalImages'] = 23;
    65 			default_parameters['totalImages'] = 23;
    59 			default_parameters['timePrezoom'] = 500;
    66 			default_parameters['timePrezoom'] = 500;
    60 			default_parameters['timePreUnzoom'] = 200;
    67 			default_parameters['timePreUnzoom'] = 200;
    61 			default_parameters['timeZoom'] = 500;
    68 			default_parameters['timeZoom'] = 2000;
       
    69 			default_parameters['zoomTime'] = 500;
    62 			default_parameters['timeUnzoom'] = 400;
    70 			default_parameters['timeUnzoom'] = 400;
    63 			default_parameters['timeNeighbourGlowing'] = 1000;
    71 			default_parameters['timeNeighbourGlowing'] = 1000;
    64 			default_parameters['timeNeighbourUnglowing'] = 1000;
    72 			default_parameters['timeNeighbourUnglowing'] = 1000;
    65 			default_parameters['timeMovingToNeighbour'] = 1000;
    73 			default_parameters['timeMovingToNeighbour'] = 1000;
    66 			default_parameters['timeSearchFade'] = 2000;
    74 			default_parameters['timeSearchFade'] = 2000;
    67 			default_parameters['timeNotifyFade'] = 2000;
    75 			default_parameters['timeNotifyFade'] = 2000;
    68 			default_parameters['timeFilterFade'] = 2000;
    76 			default_parameters['timeFilterFade'] = 2000;
       
    77 			default_parameters['timeANFade'] = 500;
    69 			default_parameters['timeFilling'] = 500;
    78 			default_parameters['timeFilling'] = 500;
       
    79 			default_parameters['timeoutZoom'] = 2000;
       
    80 			default_parameters['timeoutUnzoom'] = 1000;
       
    81 			default_parameters['timeoutMoveToNeighbour'] = 250;
       
    82 			default_parameters['timeoutPointersIdle'] = 2000;
       
    83 			default_parameters['timeoutAreBothPointersHere'] = 500;
       
    84 			default_parameters['timeoutRemoveNotificationByGesture'] = 1500;
       
    85 			default_parameters['timeoutRemoveFailedNotificationByGesture'] = 1500;
       
    86 			default_parameters['timeoutNotifySwipe'] = 1000;
       
    87 			default_parameters['timeoutSelectTL'] = 100;
       
    88 			default_parameters['timeoutSlideTL'] = 1000;
       
    89 			default_parameters['timeoutCanNotifyHelp'] = 1000;
       
    90 			default_parameters['timeoutRemoveSpinner'] = 1000;
       
    91 			default_parameters['timeoutNouser'] = 3000;
       
    92 			default_parameters['timeoutNexrDrawCurve'] = 500;
    70 			default_parameters['zoomPercentage'] = 0.80;
    93 			default_parameters['zoomPercentage'] = 0.80;
    71 			default_parameters['prezoomPercentage'] = 0.25;
    94 			default_parameters['prezoomPercentage'] = 0.25;
    72 			default_parameters['zoomedMargin'] = 42;
    95 			default_parameters['zoomedMargin'] = 42;
       
    96 			default_parameters['host'] = '127.0.0.1';
       
    97 			default_parameters['port'] = '80';
    73 			
    98 			
    74             /*var length = 5, imagesToShow = 20, totalImages = 23;
    99             /*var length = 5, imagesToShow = 20, totalImages = 23;
    75             //Temps de chargement du prezoom en ms (seront importés des paramètres du Middleware).
   100             //Temps de chargement du prezoom en ms (seront importés des paramètres du Middleware).
    76             var timePrezoom = 500, timePreUnzoom = 200, timeZoom = 500, timeUnzoom = 400;
   101             var timePrezoom = 500, timePreUnzoom = 200, timeZoom = 500, timeUnzoom = 400;
    77             var timeNeighbourGlowing = 1000, timeNeighbourUnglowing = 1000, timeMovingToNeighbour = 1000;
   102             var timeNeighbourGlowing = 1000, timeNeighbourUnglowing = 1000, timeMovingToNeighbour = 1000;
    98             /*var imgs = [];
   123             /*var imgs = [];
    99             for(var i = 0 ; i < 42 ; i++)
   124             for(var i = 0 ; i < 42 ; i++)
   100 			{
   125 			{
   101                 imgs[i] = i + '.jpg';
   126                 imgs[i] = i + '.jpg';
   102 			}*/
   127 			}*/
   103             
   128             var mos;
   104             //Si la page a chargé, on raffraichit la mosaïque.
   129             //Si la page a chargé, on raffraichit la mosaïque.
   105             $(document).ready(function ()
   130             $(document).ready(function ()
   106             {
   131             {
   107 				var mos = new mosaic('./config.json', default_parameters);
   132 				mos = new mosaic('./config.json', default_parameters);
   108                 //mos.loadMosaic();
   133                 //mos.loadMosaic();
   109                 
   134                 
   110                 $('.snapshotDivs').mouseenter(function ()
   135                 /*$('.snapshotDivs').mouseenter(function ()
   111                 {
   136                 {
   112                     //On effectue un prézoom dès qu'on va sur une image.
   137                     //On effectue un prézoom dès qu'on va sur une image.
   113                     mos.preZoom($(this));
   138                     mos.preZoom($(this));
   114                 });
   139                 });*/
   115                 $('body').keypress(function (event)
   140                 /*$('body').keypress(function (event)
   116                 {
   141                 {
   117 					mos.manageControlEvents(event);
   142 					mos.manageControlEvents(event);
   118                 });
   143                 });*/
   119             });
   144             });
   120         </script>
   145         </script>
   121     </body>
   146     </body>
   122 </html>
   147 </html>