"
Team:Heidelberg/js/frontpage
From 2014.igem.org
| Line 12: | Line 12: | ||
placeholder.css("height", ring.height()+"px"); | placeholder.css("height", ring.height()+"px"); | ||
| - | + | var endtop = $('.second').offset().top + ring.height()/2; | |
| - | ring.attr("data-300", "transform:rotate(180deg); left:-260px; top:"+ | + | ring.attr("data-300", "transform:rotate(180deg); left:-260px; top:"+endtop+"px"); |
ring.attr("data-500", "transform:rotate(360deg);"); | ring.attr("data-500", "transform:rotate(360deg);"); | ||
}; | }; | ||
Revision as of 15:07, 22 September 2014
recalcRingSize = function(setPosition) { var placeholder = $("#img-placeholder"); var ring = $("#ring"); var width = placeholder.outerWidth(false); var position = placeholder.offset(); position.left = position.left - $(".container").offset().left; if(!setPosition){
ring.css(position);
} ring.attr("data-start", "transform:rotate(0deg); left:"+position.left+"px; top:"+position.top+"px"); ring.css("width", width+"px"); placeholder.css("height", ring.height()+"px");
var endtop = $('.second').offset().top + ring.height()/2; ring.attr("data-300", "transform:rotate(180deg); left:-260px; top:"+endtop+"px"); ring.attr("data-500", "transform:rotate(360deg);"); };
$(document).ready(function(){
$("#ring").load(function(){
recalcRingSize(true);
$("#img-placeholder img").css("display", "none");
$("#ring").css("visibility", "");
skrollr.get().refresh();
});
skrollr.init();
});
$( window ).resize(function() { recalcRingSize(false); skrollr.get().refresh(); });
