Difference between revisions of "Team:Tuebingen/Art and Design"
Line 48: | Line 48: | ||
var carousel = document.getElementById('carousel'); | var carousel = document.getElementById('carousel'); | ||
var slots = []; | var slots = []; | ||
− | carousel.style.cssText = 'width:100%;text-align:center;height:200px;'; | + | carousel.style.cssText = 'width:100%;text-align:center;height:200px;position:relative;'; |
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:150px;background-repeat:no-repeat;'; | img.style.cssText = 'background-size:contain;height:150px;background-repeat:no-repeat;'; | ||
− | div.style.cssText = 'height:150px;display:inline;width:100px;display:none;perspective:400px;margin:20px;'; | + | div.style.cssText = 'height:150px;display:inline;width:100px;display:none;perspective:400px;margin:20px;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 61: | Line 61: | ||
} | } | ||
slots[0].style.display = 'block'; | slots[0].style.display = 'block'; | ||
+ | slots[0].style.marginLeft = '-100px'; | ||
slots[0].image.style.transform = 'rotateY(-45deg)'; | slots[0].image.style.transform = 'rotateY(-45deg)'; | ||
slots[1].style.display = 'block'; | slots[1].style.display = 'block'; | ||
+ | slots[0].style.marginLeft = '-50px'; | ||
slots[1].image.style.transform = 'rotateY(0deg)'; | slots[1].image.style.transform = 'rotateY(0deg)'; | ||
slots[2].style.display = 'block'; | slots[2].style.display = 'block'; | ||
+ | slots[0].style.marginLeft = '0px'; | ||
slots[2].image.style.transform = 'rotateY(45deg)'; | slots[2].image.style.transform = 'rotateY(45deg)'; | ||
} | } |
Revision as of 14:56, 18 September 2015
![](https://static.igem.org/mediawiki/2015/b/ba/Team_Tuebingen_menu_coli_mit_lightstrahl.png)
<
>
Supercellfie
![](https://static.igem.org/mediawiki/2015/5/5e/Cellfie_Art_Supercellfie.jpeg)
![](https://static.igem.org/mediawiki/2015/0/0c/Cellfie_Art_Ironcellfie.jpeg)
![](https://static.igem.org/mediawiki/2015/5/54/Cellfie_Art_Hulk.jpeg)
![](https://static.igem.org/mediawiki/2015/2/2c/Cellfie_Art_Thor.jpeg)
![](https://static.igem.org/mediawiki/2015/3/3d/Cellfie_Art_Hawkeye.jpeg)
![](https://static.igem.org/mediawiki/2015/a/a1/Cellfie_Art_Cellfie_America.jpeg)
![](https://static.igem.org/mediawiki/2015/e/ee/Cellfie_Art_BlackWidow.jpeg)