12345678910111213141516171819202122232425262728293031323334353637383940414243444546 |
- /* Make header image fade properly when it's height is bigger than it's container */
- $(window).resize(function() {
- fixHeaderTransparency();
- });
- var waitForFinalEvent = (function () {
- var timers = {};
- return function (callback, ms, uniqueId) {
- if (!uniqueId) {
- uniqueId = "Don't call this twice without a uniqueId";
- }
- if (timers[uniqueId]) {
- clearTimeout (timers[uniqueId]);
- }
- timers[uniqueId] = setTimeout(callback, ms);
- };
- })();
- function fixHeaderTransparency() {
- waitForFinalEvent(function(){
- var headerImage = document.getElementById('headerImage');
-
- if (headerImage.clientHeight > 500) {
- headerImage.style['-webkit-mask-image'] = "linear-gradient(to bottom, rgba(0,0,0,1) 40px, rgba(0,0,0,0) 450px)";
- }
- else {
- headerImage.style['-webkit-mask-image'] = "linear-gradient(to bottom, rgba(0,0,0,1) 40px, rgba(0,0,0,0) 90%)";
- }
- }, 25, "FadingHeaderResize");
- }
- $(document).ready(function() {
- $(".tooltip").tooltipster({
- contentCloning: true,
- theme: 'tooltipster-punk',
- functionReady: function(){
- var offset = $(this).offset();
- $(".tooltipster-base").offset(offset);
- },
- });
-
- $(".tooltip").tooltipster();
- $.tooltipster.group("tooltip");
-
- fixHeaderTransparency();
- });
|