slidesjs plugin displaying
<p>guys i have put a "slidesjs" plugin to my page but it doesnt display properly. im kinda new to jquery. here's my code</p>

<pre><code>&lt;style type="text/css" media="screen"&gt;
        .slides_container {
            width:570px;
            height:270px;
        }
        .slides_container div {
            width:570px;
            height:270px;
            display:block;
        }
    &lt;/style&gt;

    &lt;script src="http://code.jquery.com/jquery-latest.min.js"&gt;&lt;/script&gt;
    &lt;script src="Slides/examples/Product/js/slides.min.jquery.js"&gt;&lt;/script&gt;

    &lt;script&gt;
        $(function(){
            $("#slides").slides();
        });
    &lt;/script&gt;

 &lt;div id="slides"&gt;

        &lt;div class="slides_container"&gt;
            &lt;div&gt;
                &lt;img src="http://placehold.it/570x270"&gt;
            &lt;/div&gt;
            &lt;div&gt;
                &lt;img src="http://placehold.it/570x270"&gt;
            &lt;/div&gt;
            &lt;div&gt;
                &lt;img src="http://placehold.it/570x270"&gt;
            &lt;/div&gt;
            &lt;div&gt;
                &lt;img src="http://placehold.it/570x270"&gt;
            &lt;/div&gt;
        &lt;/div&gt;


    &lt;/div&gt;
</code></pre>

<p>and here's my screen shot on what im refering to as a problem.</p>

<p><a href="http://i45.tinypic.com/ejark8.jpg" rel="nofollow">http://i45.tinypic.com/ejark8.jpg</a></p>
