JSFiddle - React, Tailwind, and code Playground
HTML
<button id="lightning"> Zeus that ! </button>
<div id="pic_holder">
<img src="http://classyfrieds.com/wp-content/uploads/classyfrieds/admin/puppy.jpg" />
</div>
CSS
#pic_box {
position : absolute ;
left : 50px;
top : 50px;
overflow : hidden ;
z-index : 0;
}
#pic_box_1 {
position : absolute ;
height : 100px;
width : 100px;
left : 25px;
top : 25px;
overflow : auto ;
z-index : 1;
}
#changer {
position : absolute ;
top : 150px;
}
JavaScript
function lightening(){
$('#pic_holder').fadeOut(250).fadeIn(250);
setTimeout('lightening', 250);
}
$(document).ready( function() {
$('#lightning').click(lightening);
});