Difference between revisions of "Team:Tuebingen/Art and Design"

Line 8: Line 8:
 
<div id="dia0" class="dia" style="text-align:block;">
 
<div id="dia0" class="dia" style="text-align:block;">
 
<br>
 
<br>
−
<img id="labcellfie" style="max-width:100%;max-height:100%;display: block; margin-left: auto;margin-right: auto;" src="https://static.igem.org/mediawiki/2015/3/3f/Cellfie_lab2.jpg"/>
 
−
 
−
<img id="teamfoto" style="max-width:100%;max-height:100%;display: block; margin-left: auto;margin-right: auto;" src="https://static.igem.org/mediawiki/2015/7/7d/Cellfie_lab3.jpg"/>
 
−
 
−
<img id="teamfoto" style="max-width:100%;max-height:100%;display: block; margin-left: auto;margin-right: auto;" src="
 
−
https://static.igem.org/mediawiki/2015/d/da/Cellfie_lab4.jpg"/>
 
−
 
−
<img id="teamfoto" style="max-width:100%;max-height:100%;display: block; margin-left: auto;margin-right: auto;" src="
 
−
https://static.igem.org/mediawiki/2015/a/a2/Cellfie6.jpg"/>
 
−
 
−
<img id="teamfoto" style="max-width:100%;max-height:100%;display: block; margin-left: auto;margin-right: auto;" src="https://static.igem.org/mediawiki/2015/a/a6/Cellfie10.jpg"/>
 
−
 
−
<img id="teamfoto" style="max-width:100%;max-height:100%;display: block; margin-left: auto;margin-right: auto;" src="https://static.igem.org/mediawiki/2015/0/04/Cellfielab1.jpg"/>
 
−
 
−
<img id="teamfoto" style="max-width:100%;max-height:100%;display: block; margin-left: auto;margin-right: auto;" src="https://static.igem.org/mediawiki/2015/2/2f/Cellfielab5.jpg"/>
 
−
 
−
<img id="teamfoto" style="max-width:100%;max-height:100%;display: block; margin-left: auto;margin-right: auto;" src="https://static.igem.org/mediawiki/2015/5/51/Cellfielab7.jpg"/>
 
  
 
<div id="carousel"></div>
 
<div id="carousel"></div>
Line 47: Line 30:
 
var div = document.createElement('div');
 
var div = document.createElement('div');
 
var img = document.createElement('div');
 
var img = document.createElement('div');
−
img.style.cssText = 'background-size:contain;height:250px;background-repeat:no-repeat;background-position:center;background-color:black;';
+
img.style.cssText = 'background-size:contain;height:250px;background-repeat:no-repeat;background-position:center;background-color:black;transition:transform 1s;';
−
div.style.cssText = 'height:250px;display:inline;width:200px;display:none;perspective:400px;position:absolute;top:0px;left:50%;transition:transform 1s;';
+
div.style.cssText = 'height:250px;display:inline;width:200px;display:none;perspective:400px;position:absolute;top:0px;left:50%;';
 
img.style.backgroundImage = 'url('+imgURLs[i]+')';
 
img.style.backgroundImage = 'url('+imgURLs[i]+')';
 
div.appendChild(img);
 
div.appendChild(img);
Line 98: Line 81:
 
console.log('angle: '+angle);
 
console.log('angle: '+angle);
 
console.log('shift: '+shift);
 
console.log('shift: '+shift);
−
slots[i].style.transform = 'rotateY('+angle+'deg)';
+
slots[i].image.style.transform = 'rotateY('+angle+'deg)';
 
slots[i].style.marginLeft = shift+'px';
 
slots[i].style.marginLeft = shift+'px';
 
}
 
}

Revision as of 17:15, 18 September 2015

<
>