je5 Background Animate 100%
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script src="https://je5.es/js/plugin-jquery/plugin-jquery-je5-beta.0.2.1.js"></script>
</head>
<body>
<h1 style="font-family: Verdana; color: #fff; background-color: rgba(0, 0, 0, 0.3); padding-right: 10px; padding-left: 10px; font-size: 3.4em; margin-top: 0.5%;"> je5 Background Animate 100%</h1>
<script>
$('html').je5({
sort:'background',
attrs:{
type:'css',
//frames
src:[
'https://images/img-frames/1.png',
'https://images/img-frames/2.png',
'https://images/img-frames/3.png',
'https://images/img-frames/4.png',
'https://images/img-frames/5.png',
'https://images/img-frames/6.png',
'https://images/img-frames/7.png',
'https://images/img-frames/8.png'
],
change:{//optinal only animation mode
time:200,//Time-out to next frame in ms
rerun:100//Total repetitions of the animation
}
}
});
</script>
</body>
</html>