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

In supersized jquery how to pass bunch of images dynmically by using java

本文关键字：图像 一堆 动态 java jquery 何使用      更新时间：2023-09-26

我用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>

在上面的脚本中slides：[{image：'/Email/slides/tower.jpg'}{}... ] 数组静态地能够添加图像。但是动态如何使用Java传递N个图像

.

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

1 将图像集合放入 servlet/Controller 中的请求中：

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>

仅此而已。

相关文章：