JonasRothmann · March 23, 2018 22:15
diff --git a/index.html b/index.html
 <img src="http://oi64.tinypic.com/wmo0vd.jpg" alt="" style="opacity: 0"/>
 <img src="http://oi68.tinypic.com/1444azd.jpg" alt="" style="opacity: 0" />
diff --git a/script.js b/script.js
 var images = document.querySelectorAll("img");
 var current = 0;
 var max = images.length - 1;

 loop();
 function loop() {
  images[current].style.opacity = 0;
  current == max ? current = 0 : current++;
  images[current].style.opacity = 1;
  console.log(max);
  
  setTimeout(loop, 12000)
 }
diff --git a/style.sass b/style.sass
 html, body
  padding: 0
  margin: 0
  width: 255px
  height: 105px
  background: #000
  position: relative
  
 img
  padding: 21px
  box-sizing: border-box
  height: 105px
  position: absolute
  top: 0
  left: 50%
  transform: translateX(-50%)
  width: auto
  transition: all 1.3s ease-in-out
diff --git a/xeajye.markdown b/xeajye.markdown
	<img src="http://oi64.tinypic.com/wmo0vd.jpg" alt="" style="opacity: 0"/>
	<img src="http://oi68.tinypic.com/1444azd.jpg" alt="" style="opacity: 0" />
	var images = document.querySelectorAll("img");
	var current = 0;
	var max = images.length - 1;

	loop();
	function loop() {
	images[current].style.opacity = 0;
	current == max ? current = 0 : current++;
	images[current].style.opacity = 1;
	console.log(max);

	setTimeout(loop, 12000)
	}