jquery - jqueryでDiv画像を呼び出す

Question

<div id="supersized"></div>内部にあるすべての画像を jquery supersized プラグインに渡したいです。

私の現在の実装は以下のとおりですが、これは機能しません。

JQUERY コード

    $(function(){
                $.fn.supersized.options = {  
                    startwidth: 640,  
                    startheight: 480,
                    vertical_center: 1,
                    slideshow: 1,
                    navigation: 1,
                    thumbnail_navigation: 1,
                    transition: 1, //0-None, 1-Fade, 2-slide top, 3-               slide right, 4-slide bottom, 5-slide left
                    pause_hover: 0,
                    slide_counter: 1,
                    slide_captions: 1,
                    slide_interval: 3000,
                    slides : [

  {image : 'slides/tower.jpg', title : 'City Clock Tower'},
  {image : 'slides/fence.jpg', title : 'Canal Park Fence'},  
  {image : 'slides/tracks.jpg', title : 'Old Train Tracks'}
                    ]
                };
                $('#supersized').supersized(); 
            });

JSP コード

<div id="supersized">



<IMG SRC="../img/nature/xyz.jpg'" WIDTH="150" HEIGHT="150" BORDER="0" ALT="">  


<IMG SRC="../img/nature/asaz.jpg'" WIDTH="150" HEIGHT="150" BORDER="0" ALT="">  


<IMG SRC="../img/nature/sun.jpg'" WIDTH="150" HEIGHT="150" BORDER="0" ALT="">  


</div>

私を助けてください