jquery html 5

<!doctype html>
<html lang="pt-br">
<head>
    <meta charset="UTF-8">
    <title>Mercado do Sorveteiro</title>
    <link rel="stylesheet" href="estilo.css" media="all">
    <script type='text/javascript' src='app/jquery-1.8.3.min.js'></script>
    <script type='text/javascript' src='app/jquery.mobile.customized.min.js'></script>
    <script type='text/javascript' src='app/jquery.easing.1.3.js'></script>
    <script type='text/javascript' src='app/camera.min.js'></script>
    <script>
        jQuery(function(){
            jQuery('#banner').camera({
                autoAdavance: true,
                fx: 'random',
                height: '347px',
                widht: '347px',
                houver: true,
                imagePath: 'banner/',
                navigation: false,
                pagination: false,
                playPause: false,
                pauseOnClick: false,
                loader: 'none',
                time: 4000,
                thumbnails: false
            });
        });
    </script>
</head>
<body>
...
...
...
<div id="banner">
     <div data-src="banner/01.png"></div>
     <div data-src="banner/02.png"></div>
     <div data-src="banner/03.png"></div>
</div>