equal
deleted
inserted
replaced
16 |
16 |
17 </head> |
17 </head> |
18 <body> |
18 <body> |
19 <!-- div content - site takes the full height of browser --> |
19 <!-- div content - site takes the full height of browser --> |
20 <div id="content" class="full_screen"> |
20 <div id="content" class="full_screen"> |
21 <div id="theEnd"> |
21 |
22 <h1>THE END, ETC.</h1> |
22 <!--opacity --> |
23 </div> |
23 <div id="theEnd" class="box_transparance"> |
|
24 <!--this div empty allows the element content_vcentering to be vertically aligned --> |
|
25 <div class="strut"></div><!-- |
|
26 this comment corrects the white-space (display: inline); |
|
27 --><h1>THE END, ETC.</h1> |
|
28 </div> |
|
29 |
24 <!--this div empty allows the element content_vcentering to be vertically aligned --> |
30 <!--this div empty allows the element content_vcentering to be vertically aligned --> |
25 <div class="strut"></div><!-- |
31 <div class="strut"></div><!-- |
26 this comment corrects the white-space (display: inline); |
32 this comment corrects the white-space (display: inline); |
27 --><section id="bg_img" class="fullScreen_vcentering"> |
33 --><section id="bg_img" class="fullScreen_vcentering"> |
28 <img id="bgimage" alt="The End, etc." src="" /> |
34 <img id="bgimage" alt="The End, etc." src="" /> |
52 } else if (r == 1) { |
58 } else if (r == 1) { |
53 $("#bgimage").attr("src", "static/res/img/transitionChoix2.jpg"); |
59 $("#bgimage").attr("src", "static/res/img/transitionChoix2.jpg"); |
54 } else { |
60 } else { |
55 $("#bgimage").attr("src", "static/res/img/transitionChoix3.jpg"); |
61 $("#bgimage").attr("src", "static/res/img/transitionChoix3.jpg"); |
56 } |
62 } |
|
63 |
|
64 $(function() { |
|
65 setTimeout(function() { |
|
66 |
|
67 $('.box_transparance').animate({ |
|
68 opacity: 0, |
|
69 }, 3000, function() { |
|
70 $("#theEnd").addClass("display"); |
|
71 }); |
|
72 |
|
73 }, 4000); |
|
74 }); |
57 </script> |
75 </script> |
58 |
76 |
59 </body> |
77 </body> |
60 </html> |
78 </html> |