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

<
>


Supercellfie Ironcell Culk Thor Cellson Yeasteye Captain Cellmerica Black Cellow