--- a/web/transition.html Wed Dec 12 03:10:24 2012 +0100
+++ b/web/transition.html Wed Dec 12 04:01:13 2012 +0100
@@ -18,9 +18,15 @@
<body>
<!-- div content - site takes the full height of browser -->
<div id="content" class="full_screen">
- <div id="theEnd">
- <h1>THE END, ETC.</h1>
- </div>
+
+ <!--opacity -->
+ <div id="theEnd" class="box_transparance">
+ <!--this div empty allows the element content_vcentering to be vertically aligned -->
+ <div class="strut"></div><!--
+ this comment corrects the white-space (display: inline);
+ --><h1>THE END, ETC.</h1>
+ </div>
+
<!--this div empty allows the element content_vcentering to be vertically aligned -->
<div class="strut"></div><!--
this comment corrects the white-space (display: inline);
@@ -54,6 +60,18 @@
} else {
$("#bgimage").attr("src", "static/res/img/transitionChoix3.jpg");
}
+
+ $(function() {
+ setTimeout(function() {
+
+ $('.box_transparance').animate({
+ opacity: 0,
+ }, 3000, function() {
+ $("#theEnd").addClass("display");
+ });
+
+ }, 4000);
+ });
</script>
</body>