Menu ▾ ▴

jquery plugin je5

Juan Chaves Gonzalez

Plugin jquery for multiple purposes of HTML5.
Site:
http://egeon.es
Example of Background Animate 100%:
http://je5.es/je5-background-animate-100.html


Code:
<!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="http://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:[
            'http://je5.es/images/img-frames/1.png', 
            'http://je5.es/images/img-frames/2.png', 
            'http://je5.es/images/img-frames/3.png',
            'http://je5.es/images/img-frames/4.png', 
            'http://je5.es/images/img-frames/5.png', 
            'http://je5.es/images/img-frames/6.png',
            'http://je5.es/images/img-frames/7.png', 
            'http://je5.es/images/img-frames/8.png'
        ],
        change:{//optinal only animation mode
            time:160,//Time-out to next frame in ms
            rerun:100//Total repetitions of the animation
        }
    }
});
 </script>

</body>
</html>