انا اعمل على سلايد شو لكن يبدو ان هناك خطأ !!

هذا هو الكود :

<!DOCTYPE html>
<html >
<head>

           <script src="js/jquery-1.9.1.min.js" type="text/javascript"></script>
           <script src="http://code.jquery.com/jquery-1.8.2.min.js" type="text/javascript"></script>
           <script src="js/newslid.js" type="text/javascript"></script>

</head>
    <body>

    <div class="slides" >  
        <div class="slides-cont">
        <div class="slide">
            <div class="thumb">
                <img src="https://khamsat.hsoubcdn.com/images/services/388260/8d14350f38a7bc6b5b9304fc71bb291e.jpg" style="width: 100%;height: 250px" />
            </div>
            <div class="title">
                <p>العنوان الكبير الذي يوجد هنا :P</p>
            </div>
            <span class="icon"></span>
        </div>            <div class="thumb">
                <img src="https://khamsat.hsoubcdn.com/images/services/388260/8d14350f38a7bc6b5b9304fc71bb291e.jpg" style="width: 100%;height: 250px" />
            </div>
            <div class="title">
                <p>العنوان الكبير الذي يوجد هنا :P</p>
            </div>
            <span class="icon"></span>
        </div>    
    </div>


         <style>
            .slide{
                direction: rtl;
                position: relative;
                height: 250px;
                width: 100%;

            }
            .slides{
                direction: ltr;
                position: relative;
                height: 255px;
                max-width: 100%;
                margin: 30px auto 0;
                border: 2px solid #0277bd;
                background:#fffde7;
            }
            .slides .slides-cont{
                width: 500px;
                position: relative;
                overflow: hidden;
                display: none;
            }
            .slide .title {
                background: #fff;
                padding: 1px 20px;
                margin: -1px;
            }
            .slide span.icon{
                display: block;
                width: 30px;
                height: 30px;
                position: absolute;
                background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAwUlEQVQ4T71TzQnCMBh9r4GCUNAR6iZuIF4ET+oEuoIb1A16bJ2mIzhCi7maTxooVk1pQ8Ack+/98L4XIvAwEA9LEBX6TGA9RCZEZYy6Yje792fUTR8YFTojcRpzIpDaxMkSG9ZWtNQ5gT2j8lETnI8R2Hfi+NwmeQe2V6rUMgkMQCAXgGmr3GF8CVq3i76gF4HL6X8JBNJ8B+7lwBli8Bo9itSYOEl/ivSusqxAfKyoS12ElRGVOas8tURDc8G/8QWQEFZJkaUSFQAAAABJRU5ErkJggg==) no-repeat  ;
                top: 20px;
                left: 20px;
                background-size: 20px;
            }



        </style>



 </body>
</html>

المشكلة هي انه لا تظهر الصور اصلا !!

كود الجيكويري :

        $(document).ready(function(){
            $(function(){
                    $(".slides").slides();

});

});