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="choix2" class="box_vcentering white big_txt"> |
25 <div id="choix2" class="box_vcentering white big_txt"> |
26 <p><a href="/" onClick="">Actif</a></p> |
26 <p><a onClick="incChoice.selectWord('actif');">Actif</a></p> |
27 <p><a href="/" onClick="">Passif</a></p> |
27 <p><a onClick="incChoice.selectWord('passif');">Passif</a></p> |
28 <p><a href="/" onClick="">Corps</a></p> |
28 <p><a onClick="incChoice.selectWord('corps');">Corps</a></p> |
29 <p><a href="/" onClick="">Charité</a></p> |
29 <p><a onClick="incChoice.selectWord('charité');">Charité</a></p> |
30 <p><a href="/" onClick="">Patrie</a></p> |
30 <p><a onClick="incChoice.selectWord('patrie');">Patrie</a></p> |
31 <p><a href="/" onClick="">Politique</a></p> |
31 <p><a onClick="incChoice.selectWord('politique');">Politique</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(["choix2fond1.jpg", "choix2fond2.jpg", "choix2fond3.jpg"], |
56 incMosaic.addImageUrl("static/res/img/accueil-01.jpg"); |
58 ["choix3fond1.jpg", "choix3fond2.jpg", "choix3fond3.jpg"], |
57 incMosaic.addImageUrl("static/res/img/accueil-02.jpg"); |
59 "choix_3.html"); |
58 incMosaic.addImageUrl("static/res/img/accueil-03.jpg"); |
60 incChoice.currentWorldIndex = 1; |
59 incMosaic.addImageUrl("static/res/img/accueil-04.jpg"); |
61 }); |
60 incMosaic.addImageUrl("static/res/img/accueil-05.jpg"); |
|
61 |
|
62 // Start mosaic effect |
|
63 incMosaic.start("mosaic", 9, 5); |
|
64 }); |
|
65 </script> |
62 </script> |
66 </body> |
63 </body> |
67 </html> |
64 </html> |