21 <!--this div empty allows the element content_vcentering to be vertically aligned --> |
21 <!--this div empty allows the element content_vcentering to be vertically aligned --> |
22 <div class="strut"></div><!-- |
22 <div class="strut"></div><!-- |
23 this comment corrects the white-space (display: inline); |
23 this comment corrects the white-space (display: inline); |
24 --><section class="fullScreen_vcentering container_vcentering choix"> |
24 --><section class="fullScreen_vcentering container_vcentering choix"> |
25 <div id="choix3" class="box_vcentering red big_txt"> |
25 <div id="choix3" class="box_vcentering red big_txt"> |
26 <p><a href="/" onClick="">Spleen</a></p> |
26 <p><a onClick="incChoice.selectWord('spleen');">Spleen</a></p> |
27 <p><a href="/" onClick="">Idéal</a></p> |
27 <p><a onClick="incChoice.selectWord('ideal');">Idéal</a></p> |
28 <p><a href="/" onClick="">Origines</a></p> |
28 <p><a onClick="incChoice.selectWord('origines');">Origines</a></p> |
29 <p><a href="/" onClick="">Peur</a></p> |
29 <p><a onClick="incChoice.selectWord('peur');">Peur</a></p> |
30 <p><a href="/" onClick="">Désir</a></p> |
30 <p><a onClick="incChoice.selectWord('desir');">Désir</a></p> |
31 <p><a href="/" onClick="">Bonheur</a></p> |
31 <p><a onClick="incChoice.selectWord('bonheur');">Bonheur</a></p> |
32 </div> |
32 </div> |
33 </section> |
33 </section> |
34 |
34 |
35 <!-- il faut regler comment on nome ici les id. j'aimerai changer id="main" mais je ne sai pas si je peux |
35 <!-- il faut regler comment on nome ici les id. j'aimerai changer id="main" mais je ne sai pas si je peux |
36 --> |
36 --> |
40 </div> |
40 </div> |
41 |
41 |
42 <!-- Metanav FranceTV --> |
42 <!-- Metanav FranceTV --> |
43 <script src="http://static.francetv.fr/js/jquery.metanav-min.js" charset="utf-8"></script> |
43 <script src="http://static.francetv.fr/js/jquery.metanav-min.js" charset="utf-8"></script> |
44 <!-- JavaScript --> |
44 <!-- JavaScript --> |
45 <script src="static/res/js/jquery-1.8.2.min.js"></script> |
45 <script src="static/res/js/jquery-1.8.2.min.js"></script> |
|
46 <script src="static/res/js/jquery.cookie.js"></script> |
46 <script src="static/res/js/ease.js"></script> |
47 <script src="static/res/js/ease.js"></script> |
47 <script src="static/res/js/incresize.js"></script> |
48 <script src="static/res/js/incresize.js"></script> |
48 <script src="static/res/js/incmosaic.js"></script> |
49 <script src="static/res/js/incmosaic.js"></script> |
49 <script> |
50 <script src="static/res/js/incchoice.js"></script> |
|
51 <script> |
50 $(function() { |
52 $(function() { |
51 // Init the resize object |
53 // Init the resize object |
52 //incResize.init("content", "top", "mosaic", "bottom", "footer", 130, 1800/750, null, incMosaic.registerPostNewCanvasSize); |
54 incResize.init("content", null, "mosaic", null, null, 130, 1920/809, null, incMosaic.registerPostNewCanvasSize); |
53 |
55 |
54 // Set mosaic pair of images |
56 // Set the mosaic effect |
55 incMosaic.addImageUrl("static/res/img/accueil-00.jpg"); |
57 incChoice.setMosaicEffect(["choix3fond1.jpg", "choix3fond2.jpg", "choix3fond3.jpg"], |
56 incMosaic.addImageUrl("static/res/img/accueil-01.jpg"); |
58 ["choix1fond1.jpg", "choix1fond2.jpg", "choix1fond3.jpg"], |
57 incMosaic.addImageUrl("static/res/img/accueil-02.jpg"); |
59 "niv1_videoplayer.html"); |
58 incMosaic.addImageUrl("static/res/img/accueil-03.jpg"); |
60 incChoice.currentWorldIndex = 2; |
59 incMosaic.addImageUrl("static/res/img/accueil-04.jpg"); |
61 console.log(incChoice.getCookie("world0")); |
60 incMosaic.addImageUrl("static/res/img/accueil-05.jpg"); |
62 console.log(incChoice.getCookie("world1")); |
61 |
63 }); |
62 // Start mosaic effect |
|
63 incMosaic.start("mosaic", 9, 5); |
|
64 }); |
|
65 </script> |
64 </script> |
66 </body> |
65 </body> |
67 </html> |
66 </html> |