diff --git a/js-experiments/SModus/js/script.js b/js-experiments/SModus/js/script.js index 04fc48b..ebd8a72 100644 --- a/js-experiments/SModus/js/script.js +++ b/js-experiments/SModus/js/script.js @@ -1,6 +1,6 @@ -var searchBox = document.getElementsByClassName("search-box")[0]; +let searchBox = document.getElementsByClassName("search-box")[0]; searchBox.onclick = function (){ - var inputText = document.getElementsByTagName("input")[0]; + let inputText = document.getElementsByTagName("input")[0]; if(inputText.style.display === "none"){ inputText.style.display = "block"; } @@ -8,245 +8,4 @@ searchBox.onclick = function (){ inputText.style.display = "none"; } } -function unfade(element) { - var op = 0.1; // initial opacity - element.style.display = 'block'; - var timer = setInterval(function () { - if (op >= 1){ - clearInterval(timer); - } - element.style.opacity = op; - element.style.filter = 'alpha(opacity=' + op * 100 + ")"; - op += op * 0.1; - }, 10); -} -var projectLeftArrow = document.getElementsByClassName("ad-left-arrow")[1]; -var projectRightArrow = document.getElementsByClassName("ad-right-arrow")[1]; - -projectRightArrow.onclick = function (){ - if(counter+7 <=projectImagesArray.length) - { - - - for(var j = counter; j<=counter+3; j++){ - if(projectImagesArray[j]) - { - projectImagesArray[j].parentNode.style.display = "none"; - } - } - for(var k =counter+4; k <= counter+7; k++){ - if(projectImagesArray[k]) - { - unfade(projectImagesArray[k].parentNode); - } - } - projectImagesArray[counter+4].parentNode.style.marginLeft = "0px"; - projectImagesArray[counter+7].parentNode.style.marginLeft = "0px"; - counter+=4; -} -} -projectLeftArrow.onclick = function(){ - if(counter>=4){ - for(var j = counter-4; j<=counter-1; j++){ - unfade(projectImagesArray[j].parentNode); - } - for(var k =counter; k <= counter+3; k++){ - projectImagesArray[k].parentNode.style.display = "none"; - - } - projectImagesArray[counter-4].parentNode.style.marginLeft = "0px"; - projectImagesArray[counter-1].parentNode.style.marginLeft = "0px"; - counter-=4; -} -} - - -var projectImagesArray = document.getElementsByClassName("related-project-images"); -for(var i = 0 ; i=0){ - - addName.innerHTML =sliderObject[objkeys[titleCounter]].title; - console.log(titleCounter); - imgs = sliderObject[objkeys[titleCounter]].images; - imageCollection.style.width = sliderObject[objkeys[titleCounter]].images.length*1170+'px'; - - - -while (imageCollection.hasChildNodes()) { - imageCollection.removeChild(imageCollection.lastChild); -} - - - for ( var i=0;i=0) - { - moveleft(); - } - else{ - counter=0; - } - function moveleft() - { - if(i<117) - { - - imageCollection.style.left= parseInt(imageCollection.style.left)+10+'px'; - i++; - a =setTimeout(moveleft,20); - } - else - { - clearTimeout(a); - } - } - -} +function unf \ No newline at end of file