--- a/web/prologue.html Wed Dec 12 03:10:24 2012 +0100
+++ b/web/prologue.html Wed Dec 12 04:01:13 2012 +0100
@@ -25,7 +25,7 @@
--><section class="fullScreen_vcentering">
<video class="small_video" autoplay poster="/">
<!--<source src="http://dvvsyrlsr21oz.cloudfront.net/PROLOGUE-HD.mp4" type="video/mp4" />-->
- <source src="http://dvvsyrlsr21oz.cloudfront.net/JP-HD-01.mp4"type="video/mp4" />
+ <source src="static/res/video/boucle/FOND1.mp4" type="video/mp4" />
<source src="/"type="video/webm" />
<p>Votre navigateur ne gère pas l'élément video @todo</p>
</video>
--- a/web/static/res/css/style_1024.css Wed Dec 12 03:10:24 2012 +0100
+++ b/web/static/res/css/style_1024.css Wed Dec 12 04:01:13 2012 +0100
@@ -799,4 +799,31 @@
.red a:focus {
color: #000000;
}
-
+/*----------------------------------------------*/
+/* 7- Page Transition */
+/*----------------------------------------------*/
+#theEnd {
+ position: absolute;
+ top: 0;
+ bottom: 0;
+ left: 0;
+ right: 0;
+ background-color: #000000;
+ z-index: 11;
+ text-align: center;
+}
+#theEnd h1 {
+ font-size: 80px;
+ text-align:center;
+ display: inline-block;
+ vertical-align: middle;
+}
+#theEnd .strut {
+ background: red;
+}
+#theEnd.display {
+ display: none;
+ }
+.bg_smallimg {
+ margin: 0 1.171875%;
+}
--- a/web/static/res/js/incplayer.js Wed Dec 12 03:10:24 2012 +0100
+++ b/web/static/res/js/incplayer.js Wed Dec 12 04:01:13 2012 +0100
@@ -210,7 +210,13 @@
});
self.popSeq.on("cycle", function() {
- });
+ });
+
+ self.popSeq.on("ended", function() {
+ // todo
+ location.href = "transition.html";
+ });
+
};
this.listenEvent = function(pop, event, unlisten, func)
--- 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>