Difference between revisions of "Team:Technion HS Israel/js/Homepage.js"
(Created page with "/* Glow effect plugin for jQuery using CSS3 and filters It uses filters to add glow effects on PNG images Copyright (c) 1997-2012 Djenad Razic, Machinez Design http://ww...") |
|||
Line 162: | Line 162: | ||
/* jQuery.enllax.js - v1.1.0 | copyright 2015, MMK Jony | https://github.com/mmkjony/enllax.js | released under the MIT license */ | /* jQuery.enllax.js - v1.1.0 | copyright 2015, MMK Jony | https://github.com/mmkjony/enllax.js | released under the MIT license */ | ||
!function(t){"use strict";t.fn.enllax=function(r){var a=t(window).height(),n=t(document).height(),o=t.extend({ratio:0,type:"background",direction:"vertical"},r),e=t("[data-enllax-ratio]");e.each(function(){var r,e,s,i=t(this),c=i.offset().top,l=i.outerHeight(),p=i.data("enllax-ratio"),d=i.data("enllax-type"),x=i.data("enllax-direction");r=p?p:o.ratio,e=d?d:o.type,s=x?x:o.direction;var f=Math.round(c*r),u=Math.round((c-a/2+l)*r);"background"==e?"vertical"==s?i.css({"background-position":"center "+-f+"px"}):"horizontal"==s&&i.css({"background-position":-f+"px center"}):"foreground"==e&&("vertical"==s?i.css({"-webkit-transform":"translateY("+u+"px)","-moz-transform":"translateY("+u+"px)",transform:"translateY("+u+"px)"}):"horizontal"==s&&i.css({"-webkit-transform":"translateX("+u+"px)","-moz-transform":"translateX("+u+"px)",transform:"translateX("+u+"px)"})),t(window).on("scroll",function(){var o=t(this).scrollTop();f=Math.round((c-o)*r),u=Math.round((c-a/2+l-o)*r),"background"==e?"vertical"==s?i.css({"background-position":"center "+-f+"px"}):"horizontal"==s&&i.css({"background-position":-f+"px center"}):"foreground"==e&&n>o&&("vertical"==s?i.css({"-webkit-transform":"translateY("+u+"px)","-moz-transform":"translateY("+u+"px)",transform:"translateY("+u+"px)"}):"horizontal"==s&&i.css({"-webkit-transform":"translateX("+u+"px)","-moz-transform":"translateX("+u+"px)",transform:"translateX("+u+"px)"}))})})}}(jQuery); | !function(t){"use strict";t.fn.enllax=function(r){var a=t(window).height(),n=t(document).height(),o=t.extend({ratio:0,type:"background",direction:"vertical"},r),e=t("[data-enllax-ratio]");e.each(function(){var r,e,s,i=t(this),c=i.offset().top,l=i.outerHeight(),p=i.data("enllax-ratio"),d=i.data("enllax-type"),x=i.data("enllax-direction");r=p?p:o.ratio,e=d?d:o.type,s=x?x:o.direction;var f=Math.round(c*r),u=Math.round((c-a/2+l)*r);"background"==e?"vertical"==s?i.css({"background-position":"center "+-f+"px"}):"horizontal"==s&&i.css({"background-position":-f+"px center"}):"foreground"==e&&("vertical"==s?i.css({"-webkit-transform":"translateY("+u+"px)","-moz-transform":"translateY("+u+"px)",transform:"translateY("+u+"px)"}):"horizontal"==s&&i.css({"-webkit-transform":"translateX("+u+"px)","-moz-transform":"translateX("+u+"px)",transform:"translateX("+u+"px)"})),t(window).on("scroll",function(){var o=t(this).scrollTop();f=Math.round((c-o)*r),u=Math.round((c-a/2+l-o)*r),"background"==e?"vertical"==s?i.css({"background-position":"center "+-f+"px"}):"horizontal"==s&&i.css({"background-position":-f+"px center"}):"foreground"==e&&n>o&&("vertical"==s?i.css({"-webkit-transform":"translateY("+u+"px)","-moz-transform":"translateY("+u+"px)",transform:"translateY("+u+"px)"}):"horizontal"==s&&i.css({"-webkit-transform":"translateX("+u+"px)","-moz-transform":"translateX("+u+"px)",transform:"translateX("+u+"px)"}))})})}}(jQuery); | ||
− | + | /* | |
$(document).ready(function() { | $(document).ready(function() { | ||
//$("#scroll_to_questions img").hide(); | //$("#scroll_to_questions img").hide(); | ||
Line 192: | Line 192: | ||
} | } | ||
}); | }); | ||
− | }); | + | });*/ |
Revision as of 11:25, 8 September 2015
/*
Glow effect plugin for jQuery using CSS3 and filters
It uses filters to add glow effects on PNG images
Copyright (c) 1997-2012 Djenad Razic, Machinez Design http://www.machinezdesign.com
Licensed under the MIT license: http://www.opensource.org/licenses/mit-license.php
Project home: https://github.com/MisterDr/JQuery-Glow
Usage: Enable glow and set color and radius: $("#testimg").glow({ radius: "20", color:"green"}); Disable glow:
$("#testimg").glow({ radius: "20", color:"green", disable:true });
or $("#testimg").glow({ disable:true });
Version 1.0
Tested on: IPad (IOS 6 required), Chrome 18.0, Firefox 16.0.1, IE 9 (Lower versions should work by Microsoft's browser specifications) With jQuery 1.7.2
Version 1.1
Added blink feature to blink over one second. Example: $("#testimg").glow({ radius: "20", color:"green", disable:true, blink:true });
Version 1.2
Added configurable blink timegap feature Example: $("#testimg").glow({ radius: "20", color:"green", disable:true, blink:true, timegap:2000 });
- /
(function ($) {
var moved = false; var originalPos = null; $.fn.glow = function (options) { //Check if it is needed to remove effect var disable = false;
//var oldX = $(this).
var glowEnabled = true; var blinkInterval; var IntervalGap = 1000;
//Check for initial vars and add default values //Default color: Red //Default size 2 pixels if (typeof (options.radius) === "undefined") { options = $.extend({ radius: "2px" }, options); } if (typeof (options.originalPos) !== "undefined") { originalPos = options.originalPos; } if (typeof (options.color) === "undefined") { options = $.extend({ color: "red" }, options); }
if (typeof (options.disable) !== "undefined") { disable = true; glowEnabled = false; }
if (typeof (options.timegap) === "undefined") { options = $.extend({ timegap: "1000" }, options); }
if (typeof (options.timegap) !== "undefined") { IntervalGap = options.timegap; }
if (typeof (options.blink) !== "undefined") { if (options.blink) { originalPos = $(this).offset();
disable = true; glowEnabled = false; var curObject = this; var curSettings = options;
blinkInterval = setInterval(function () { if (glowEnabled) {
if ($.browser.msie) { //$(this).offset({ left: $(this).offset().left + 10, top: $(this).offset().top + 10 }); }
$(curObject).glow({ radius: curSettings.radius, color: curSettings.color, originalPos: originalPos }); glowEnabled = false; } else { $(curObject).glow({ radius: curSettings.radius, color: curSettings.color, disable: true, originalPos: originalPos }); glowEnabled = true; } }, IntervalGap); } else { clearInterval(blinkInterval); } }
$(this).each(function (index) { if ($.browser.msie) { if (!disable) { $(this).offset({ left: $(this).offset().left - parseInt(options.radius), top: $(this).offset().top - parseInt(options.radius) }); $(this).css("filter", "progid:DXImageTransform.Microsoft.Glow(color='" + options.color + "',Strength='" + options.radius + "')"); } else {
if (originalPos != null) { $(this).offset({ left: originalPos.left, top: originalPos.top }); }
$(this).css("filter", ""); } } else if ($.browser.webkit) { if (!disable) { $(this).css("-webkit-filter", "drop-shadow(0px 0px " + options.radius + "px " + options.color + ")"); } else { $(this).css("-webkit-filter", ""); } //Mozilla uses SVG effects, so we need add SVG nodes at the HTML } else if ($.browser.mozilla) { if (!disable) { var oId = $(this).attr("id"); $('body').append($('<svg height="0" xmlns="http://www.w3.org/2000/svg">' + '<filter id="glow2' + oId + '">' + '<feGaussianBlur in="SourceAlpha" stdDeviation="' + options.radius + '"/>' + '<feOffset dx="0" dy="0" result="offsetblur"/>' + '<feFlood flood-color="' + options.color + '"/>' + '<feComposite in2="offsetblur" operator="in"/>' + '<feMerge>' + '<feMergeNode/>' + '<feMergeNode in="SourceGraphic"/>' + '</feMerge>' + '</filter>' + '</svg>')); $(this).css('filter', 'url("#glow2' + oId + '")'); } else { $(this).css("filter", ""); } } }); }; $.fn.glow.enabled = true;
})(jQuery);
/* jQuery.enllax.js - v1.1.0 | copyright 2015, MMK Jony | https://github.com/mmkjony/enllax.js | released under the MIT license */
!function(t){"use strict";t.fn.enllax=function(r){var a=t(window).height(),n=t(document).height(),o=t.extend({ratio:0,type:"background",direction:"vertical"},r),e=t("[data-enllax-ratio]");e.each(function(){var r,e,s,i=t(this),c=i.offset().top,l=i.outerHeight(),p=i.data("enllax-ratio"),d=i.data("enllax-type"),x=i.data("enllax-direction");r=p?p:o.ratio,e=d?d:o.type,s=x?x:o.direction;var f=Math.round(c*r),u=Math.round((c-a/2+l)*r);"background"==e?"vertical"==s?i.css({"background-position":"center "+-f+"px"}):"horizontal"==s&&i.css({"background-position":-f+"px center"}):"foreground"==e&&("vertical"==s?i.css({"-webkit-transform":"translateY("+u+"px)","-moz-transform":"translateY("+u+"px)",transform:"translateY("+u+"px)"}):"horizontal"==s&&i.css({"-webkit-transform":"translateX("+u+"px)","-moz-transform":"translateX("+u+"px)",transform:"translateX("+u+"px)"})),t(window).on("scroll",function(){var o=t(this).scrollTop();f=Math.round((c-o)*r),u=Math.round((c-a/2+l-o)*r),"background"==e?"vertical"==s?i.css({"background-position":"center "+-f+"px"}):"horizontal"==s&&i.css({"background-position":-f+"px center"}):"foreground"==e&&n>o&&("vertical"==s?i.css({"-webkit-transform":"translateY("+u+"px)","-moz-transform":"translateY("+u+"px)",transform:"translateY("+u+"px)"}):"horizontal"==s&&i.css({"-webkit-transform":"translateX("+u+"px)","-moz-transform":"translateX("+u+"px)",transform:"translateX("+u+"px)"}))})})}}(jQuery);
/*
$(document).ready(function() {
//$("#scroll_to_questions img").hide();
$('#fullpage').fullpage({
onLeave: function(index, nextIndex, direction) {
if (index==2) {
}
if (index==1)
{ $('#scroll_for_more').hide(); }
},
afterLoad: function(anchorLink, index) {
if (index==2) { //$('#scroll_to_questions').show;//delay(1000).fadeIn();
// setTimeout(function()
//{
//$("#scroll_to_questions img").delay(600).fadeIn(400);
//do something special //}, 1000); } } });
});*/