--- a/front_idill/src/index.html Fri Apr 27 14:38:23 2012 +0200
+++ b/front_idill/src/index.html Fri May 11 11:04:06 2012 +0200
@@ -27,28 +27,30 @@
<meta charset="UTF-8" />
<link rel="stylesheet" type="text/css" href="./mosaic/css/reset.css" />
<link rel="stylesheet/less" type="text/css" href="./mosaic/css/mosaic.less" />
- <script type="text/javascript" language="javascript" src="../lib/less-1.3.0.min.js"></script>
- <script type="text/javascript" language="javascript" src="../lib/jquery-1.7.2.min.js"></script>
- <script type="text/javascript" language="javascript" src="./mosaic/js/mosaic.js"></script>
- <script type="text/javascript" language="javascript" src="./mosaic/js/localMosaic.js"></script>
+ <script type="text/javascript" src="../lib/less-1.3.0.min.js"></script>
+ <script type="text/javascript" src="../lib/jquery.min.js"></script>
+ <script type="text/javascript" src="./mosaic/js/mosaic.js"></script>
+ <script type="text/javascript" src="./mosaic/js/localMosaic.js"></script>
+ <script type="text/javascript" src="./player/metadataplayer/LdtPlayer-core.js"></script>
</head>
<body>
<!-- Ce div stocke la mosaïque. -->
- <div id="mainPanel">
- </div>
+ <div id="mainPanel"></div>
+ <div class="player" id="video"></div>
+ <div class="LdtPlayer" id="LdtPlayer"></div>
<!-- SET AN EMPTY DIV TO BE POPULATED WITH CONTENT VIA JQUERY -->
<div class="test" style="color: #FFFFFF"></div>
<!-- Scripts principaux. -->
- <script type="text/javascript" language="javascript">
+ <script type="text/javascript">
//Longueur de la mosaïques et nombre d'images à afficher (seront importés des paramètres du Middleware).
var length = 7, imagesToShow = 42;
//Temps de chargement du prezoom en ms (seront importés des paramètres du Middleware).
var timePrezoom = 500, timePreUnzoom = 200, timeZoom = 500, timeUnzoom = 400;
var timeNeighbourGlowing = 1000, timeNeighbourUnglowing = 1000, timeMovingToNeighbour = 1000;
- var zoomPercentage = 0.90, prezoomPercentage = 0.20;
+ var zoomPercentage = 0.80, prezoomPercentage = 0.25;
var zoomedMargin = 42;
//On instancie la mosaïque.
var mos = new mosaic(length, imagesToShow, zoomPercentage, prezoomPercentage, zoomedMargin);
@@ -66,7 +68,9 @@
//Tableau d'images de test pour peupler la mosaïque.
var imgs = [];
for(var i = 0 ; i < 42 ; i++)
+ {
imgs[i] = i + '.jpg';
+ }
//Si on a changé les dimensions de la fenêtre, on raffraichit la mosaïque.
$(window).resize(function ()
@@ -88,7 +92,9 @@
{
//Si on a appuié sur la touche 'q' ou 'Q';
if(event.which == 113 || event.which == 81)
- mos.unzoom();
+ {
+ mos.unzoom();
+ }
});
});
</script>