0

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>

上記のスクリプト slide:[{image:'/Email/slides/tower.jpg'}{}... ] 配列では、静的に画像を追加できます。しかし、Javaを使用して多数の画像を動的に渡す方法

.

誰かが私に答えてくれたら、私は彼に感謝します。

4

1 に答える 1

0

1画像のコレクションをサーブレット/コントローラーのリクエストに入れます：

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>

それで全部です。

于 2012-05-22T10:26:00.160 に答える