Team:Heidelberg/js/frontpage

From 2014.igem.org

(Difference between revisions)
Line 4: Line 4:
var width = placeholder.outerWidth(false);
var width = placeholder.outerWidth(false);
var position = placeholder.offset();
var position = placeholder.offset();
 +
position.left = position.left + $(".container").offset().left;
if(!setPosition){
if(!setPosition){
   ring.css(position);
   ring.css(position);

Revision as of 14:55, 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"); ring.css("width", width+"px"); placeholder.css("height", ring.height()+"px"); };

$(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(); });