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

Line 30: 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:150px;background-repeat:no-repeat;background-position:center;background-color:black;transition:transform 1s';
+
img.style.cssText = 'background-size:contain;height:150px;background-repeat:no-repeat;background-position:center;background-color:black;transition:transform 0.2s';
−
div.style.cssText = 'height:150px;display:inline;width:130px;display:none;perspective:400px;position:absolute;top:0px;left:50%;margin:0px;transition: margin 1s;';
+
div.style.cssText = 'height:150px;display:inline;width:130px;display:none;perspective:400px;position:absolute;top:0px;left:50%;margin:0px;transition: margin 0.2s;';
 
img.style.backgroundImage = 'url('+imgURLs[i]+')';
 
img.style.backgroundImage = 'url('+imgURLs[i]+')';
 
div.appendChild(img);
 
div.appendChild(img);
Line 45: Line 45:
 
var right = document.createElement('div');
 
var right = document.createElement('div');
 
right.style.cssText = 'position:absolute;top:0px;bottom:0px;right:0px;left:50%;z-index:100;cursor:pointer;';
 
right.style.cssText = 'position:absolute;top:0px;bottom:0px;right:0px;left:50%;z-index:100;cursor:pointer;';
−
right.onmouseover = function() {this.interval = window.setInterval('rotateCarousel(10)',1000);};
+
right.onmouseover = function() {this.interval = window.setInterval('rotateCarousel(10)',200);};
 
carousel.appendChild(right);
 
carousel.appendChild(right);
 
slotPos = [315,0,45,90,135,180,225,270];
 
slotPos = [315,0,45,90,135,180,225,270];

Revision as of 17:25, 18 September 2015

<
>