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

Line 26: Line 26:
 
var carousel = document.getElementById('carousel');
 
var carousel = document.getElementById('carousel');
 
var slots = [];
 
var slots = [];
−
carousel.style.cssText = 'width:100%;text-align:center;height:400px;position:relative;';
+
carousel.style.cssText = 'width:100%;text-align:center;height:300px;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:300px;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;';
−
div.style.cssText = 'height:300px;display:inline;width:240px;display:none;perspective:400px;position:absolute;top:0px;left:50%;';
+
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 40: Line 40:
 
var carouselPos = [0,1,2]
 
var carouselPos = [0,1,2]
 
slots[0].style.display = 'block';
 
slots[0].style.display = 'block';
−
slots[0].style.marginLeft = '-480px';
+
slots[0].style.marginLeft = '-400px';
 
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[1].style.marginLeft = '-200px';
+
slots[1].style.marginLeft = '-180px';
 
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[2].style.marginLeft = '80px';
+
slots[2].style.marginLeft = '60px';
 
slots[2].image.style.transform = 'rotateY(45deg)';
 
slots[2].image.style.transform = 'rotateY(45deg)';
 
}
 
}

Revision as of 15:15, 18 September 2015

<
>