Difference between revisions of "Template:TecCEM/JsHome"
| (6 intermediate revisions by the same user not shown) | |||
| Line 2: | Line 2: | ||
<script type="text/javascript"> | <script type="text/javascript"> | ||
$(document).ready(function() { | $(document).ready(function() { | ||
| − | + | opa = 1 | |
| + | $("#audioLanding")[0].play() | ||
$("#audioLanding")[0].loop = true | $("#audioLanding")[0].loop = true | ||
| − | $("#audioLanding")[0].volume = 0. | + | $("#audioLanding")[0].volume = 0.20 |
$('[data-toggle="popover"]').popover() | $('[data-toggle="popover"]').popover() | ||
| Line 11: | Line 12: | ||
growFn = setInterval(function() { | growFn = setInterval(function() { | ||
| − | if($("#audioLanding")[0].volume >= 0. | + | if($("#audioLanding")[0].volume >= 0.02) { |
| + | opa-=0.1 | ||
| + | $("#centerCircle").css("opacity",opa) | ||
$("#audioLanding")[0].volume -=0.006 | $("#audioLanding")[0].volume -=0.006 | ||
} | } | ||
| Line 20: | Line 23: | ||
} | } | ||
if ( | if ( | ||
| − | $("#main-container #button").height() <= | + | $("#main-container #button").height() <= 2 * $(window).height() |
) { | ) { | ||
$("#main-container #button").height( | $("#main-container #button").height( | ||
| Line 28: | Line 31: | ||
if ( | if ( | ||
$("#main-container #button").height() > | $("#main-container #button").height() > | ||
| − | $(window).height() | + | 2 * $(window).height() |
) { | ) { | ||
if ( | if ( | ||
| Line 35: | Line 38: | ||
) { | ) { | ||
$("#main-container").css("overflow-x", "hidden"); | $("#main-container").css("overflow-x", "hidden"); | ||
| + | $("#main-container").css("overflow-y", "hidden"); | ||
$("#main-container #button").css("pointer-events", "none") | $("#main-container #button").css("pointer-events", "none") | ||
$("#main-container #button").css('border-radius',"0%") | $("#main-container #button").css('border-radius',"0%") | ||
| Line 91: | Line 95: | ||
} | } | ||
animatethis($("#main-container #CenterCell"), 5000, 2, -1, -3, 1) | animatethis($("#main-container #CenterCell"), 5000, 2, -1, -3, 1) | ||
| − | animatethis($("#main-container #button"), 5000, 2, -1, -3, 1) | + | //animatethis($("#main-container #button"), 5000, 2, -1, -3, 1) |
animatethis($("#main-container #Small1Cell"), 3000, -2, 2, -1, 2) | animatethis($("#main-container #Small1Cell"), 3000, -2, 2, -1, 2) | ||
animatethis($("#main-container #Small2Cell"), 4000, -1, 3, 2, 1) | animatethis($("#main-container #Small2Cell"), 4000, -1, 3, 2, 1) | ||
Latest revision as of 03:49, 18 October 2018