web/choix_1.html
changeset 42 01415303372e
parent 41 f2123b4487e9
child 43 21a791340354
--- a/web/choix_1.html	Tue Dec 11 13:13:44 2012 +0100
+++ b/web/choix_1.html	Tue Dec 11 17:39:04 2012 +0100
@@ -23,12 +23,12 @@
 			this comment corrects the white-space (display: inline);
 			--><section class="fullScreen_vcentering container_vcentering choix">
 					<div id="choix1" class="box_vcentering blue big_txt">
-						<p><a href="/" onClick="">Famille</a></p>
-						<p><a href="/" onClick="">Amour</a></p>
-						<p><a href="/" onClick="">Travail</a></p>
-						<p><a href="/" onClick="">International</a></p>
-						<p><a href="/" onClick="">Dieu</a></p>
-						<p><a href="/" onClick="">Président</a></p>
+						<p><a onClick="incChoice.selectWord('famille');">Famille</a></p>
+						<p><a onClick="incChoice.selectWord('amour');">Amour</a></p>
+						<p><a onClick="incChoice.selectWord('travail');">Travail</a></p>
+						<p><a onClick="incChoice.selectWord('international');">International</a></p>
+						<p><a onClick="incChoice.selectWord('dieu');">Dieu</a></p>
+						<p><a onClick="incChoice.selectWord('president');">Président</a></p>
 					</div>
 				</section>
 				
@@ -42,26 +42,23 @@
 		<!-- Metanav FranceTV 	-->
 		<script src="http://static.francetv.fr/js/jquery.metanav-min.js" charset="utf-8"></script>
 		<!-- JavaScript -->
-       <script src="static/res/js/jquery-1.8.2.min.js"></script>        
+       	<script src="static/res/js/jquery-1.8.2.min.js"></script> 
+       	<script src="static/res/js/jquery.cookie.js"></script>        	      
         <script src="static/res/js/ease.js"></script>        
         <script src="static/res/js/incresize.js"></script>
         <script src="static/res/js/incmosaic.js"></script>
-        <script>        
+        <script src="static/res/js/incchoice.js"></script>
+        <script>
             $(function() {
             	// Init the resize object
-            	//incResize.init("content", "top", "mosaic", "bottom", "footer", 130, 1800/750, null, incMosaic.registerPostNewCanvasSize);
+            	incResize.init("content", null, "mosaic", null, null, 130, 1920/809, null, incMosaic.registerPostNewCanvasSize);
 
-            	// Set mosaic pair of images
-                incMosaic.addImageUrl("static/res/img/accueil-00.jpg");
-                incMosaic.addImageUrl("static/res/img/accueil-01.jpg");
-                incMosaic.addImageUrl("static/res/img/accueil-02.jpg");
-                incMosaic.addImageUrl("static/res/img/accueil-03.jpg");
-                incMosaic.addImageUrl("static/res/img/accueil-04.jpg");
-                incMosaic.addImageUrl("static/res/img/accueil-05.jpg");
-
-                // Start mosaic effect
-    			incMosaic.start("mosaic", 9, 5);
+            	// Set the mosaic effect
+            	incChoice.setMosaicEffect(["choix1fond1.jpg", "choix1fond2.jpg", "choix1fond3.jpg"],
+            								["choix2fond1.jpg", "choix2fond2.jpg", "choix2fond3.jpg"],
+            								"choix_2.html");
+            	incChoice.currentWorldIndex = 0;
             });
         </script>		
-			</body>
+	</body>
 </html>
\ No newline at end of file