在jquery中调用Div图像

时间:2012-05-15 09:48:43

标签: jquery jquery-ui html

我想将<div id="supersized"></div>内的所有图像传递给jquery超大插件。

我目前的实施情况如下,但这不起作用。

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>

请帮帮我

2 个答案:

答案 0 :(得分:0)

$('#supersized img').supersized();

如果我能帮到你。

答案 1 :(得分:0)

$('#supersized img').each(function(){
  alert( "src is : " + $(this).attr('src') );
});

浏览图像集合并提醒src代码