Difference between revisions of "Team:Tuebingen/Art and Design"
Line 26: | Line 26: | ||
var carousel = document.getElementById('carousel'); | var carousel = document.getElementById('carousel'); | ||
slots = []; | slots = []; | ||
− | carousel.style.cssText = 'width:100%;text-align:center;height: | + | carousel.style.cssText = 'width:100%;text-align:center;height:200px;position:relative;margin-top:40px;'; |
for (var i=0;i<imgURLs.length;i++) { | for (var i=0;i<imgURLs.length;i++) { | ||
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: | + | img.style.cssText = 'background-size:contain;height:150px;background-repeat:no-repeat;background-position:center;background-color:black;transition:transform 1s'; |
− | div.style.cssText = 'height: | + | div.style.cssText = 'height:150px;display:inline;width:130px;display:none;perspective:400px;position:absolute;top:0px;left:50%;margin:0px;transition: margin 1s;'; |
img.style.backgroundImage = 'url('+imgURLs[i]+')'; | img.style.backgroundImage = 'url('+imgURLs[i]+')'; | ||
div.appendChild(img); | div.appendChild(img); |
Revision as of 17:24, 18 September 2015
![](https://static.igem.org/mediawiki/2015/b/ba/Team_Tuebingen_menu_coli_mit_lightstrahl.png)
<
>