在超大型jquery中，如何通过使用java动态传递一堆图像

Question

我正在用jsp实现超大型j查询。问题是如何将一堆图像发送到jquery函数中。

<script type="text/javascript">  

    $(function(){

        $.fn.supersized.options = {
            <% String str="Hello World"; %>
            <%System.out.println("am from function1");%>
            startwidth: $("#name").val(),  
            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 : '/Email/slides/tower.jpg', title : 'City Clock Tower', url : 'http://www.flickr.com/photos/wumbus/4582735030/in/set-72157623876357531/'},
                {image : '/Email/slides/fence.jpg', title : 'Canal Park Fence', url : 'http://www.flickr.com/photos/wumbus/4582735030/sizes/l/in/set-72157623876357531/'},  
                {image : '/Email/slides/tracks.jpg', title : 'Old Train Tracks', url : 'http://www.flickr.com/photos/wumbus/4582733542/in/set-72157623876357531/'},
                {image : '/Email/slides/001.jpg', title : 'Old1 Train Tracks', url : 'http://www.flickr.com/photos/wumbus/4582733542/in/set-72157623876357531/'} ]


        };
        $('#supersized').supersized(); 
    });
</script>

在上面的脚本中，幻灯片：[{image：'/ Email / slides / tower.jpg'} {} ...]数组能够添加图片。 但动态地如何通过使用java传递大量图像

。

如果有人知道回答我，我会感激他。

Answer 1

1在您的servlet /控制器中将图像集合放入请求中：

Collection<String> images = ... ; // loading from your source

request.setAttribute("images", images);

2在jsp中，使用JSTL进行循环：

<c:forEach var="image" items=${images}>
    <c:out value="${image}"/>
</c:forEach>

就这样。