Untitled

dabblet.css

body:hover img{
	animation-play-state : paused;
}

img{
	animation: troca 8s infinite;
	position: absolute;
	top: 0;
	left: 0;
}

img + img{
	animation-delay: -4s;
}

@keyframes troca{
	0%,40%,100%{
		opacity: 1;
	}
	50%,90%{
		opacity: 0;
	}	
}

dabblet.html

<img src="http://mirrorfashion.net/loja/img/destaque-home.jpg">
<img src="http://mirrorfashion.net/loja/img/destaque-home-2.jpg">

dabblet.js

// alert('Hello world!');

settings.json

{"view":"split-vertical","fontsize":"100","seethrough":"","prefixfree":"1","page":"all"}