2012-03-22 11 views
0

サーブレットを使用してスライドショーを試しています。写真はロードされていますが、スライドショーではありません。私が得るのは、一連の画像です。サーブレットを使用したスライドショー

import javax.servlet.*; 
import javax.servlet.http.*; 
import java.io.*; 

public class PhotoCollection extends HttpServlet{ 

private String array[] = {"first.jpg","second.jpg","third.jpg","fourth.jpg"}; 

public void doGet(HttpServletRequest request,HttpServletResponse response) throws IOException,ServletException { 
      response.setContentType("text/html"); 
      PrintWriter writer = response.getWriter(); 
      writer.println("<html>"); 
      writer.println("<head>"); 
       writer.println("<title>"); 
       writer.println("SlideShow"); 
       writer.println("</title>"); 
      writer.println("</head>"); 
      writer.println("<body>"); 
      writer.println("<table>"); 
      writer.println("<tr>"); 
      try { 
       for(int i=0;i<=3;i++) { 
        writer.println("<td>"); 
        writer.println("<img src=" + array[i] + " height=100 width=110>"); 
        writer.println("</td>"); 
        Thread.sleep(1000); 
       } 
      }catch(Exception exc) { 
       writer.println("<br />" + exc + "<br />"); 
      } 
      writer.println("</tr>"); 
      writer.println("</table>"); 
      writer.println("</body>"); 
      writer.println("</html>"); 
} 

}

私は、スレッドの睡眠1秒をしたが、それはロードには影響を与えません。どのように私はそれを使用してスライドショーを行うことができますか?上記のサーブレットでどのような変更が必要ですか?

+2

ここでは大きな概念的な間違いをしています。サーブレット(およびJSP)のようなサーバー側のWeb言語は、Webサーバー上で実行され、HTML/CSS/JSなどのクライアント側のWeb言語を生成します。 Webサーバは、HTTPリクエストでこのHTML/CSS/JSをWebブラウザに送信します。 Webブラウザがすべて取得したら、取得したHTML/CSS/JSを実行します。サーバー側ではなく、クライアント側でスライドショーを実行する必要があります。サーブレットで 'Thread.sleep()'をしないでください!私は基本的なWeb開発の概念を学んでから、続けることをお勧めします。 – BalusC

+0

@ BalusCありがとうございます。それは主な概念的な間違いだった –

+0

スライドショーは通常JSを使って行われます。私はHTML 5のキャンバスがもっと最近の時にそれを助けるために使われているかどうかわかりません。 JavaScriptタグが追加されました。 –

答えて

1

あなただけの画像奉仕する、かなりのブラウザ上に表示するためのjQueryのプラグインを使用してサーブレットを使用する必要があります

:ここでは意味がありませんdoGetメソッドに睡眠を追加し、アウトメソッドが実行されると送信されます置きます実行を一時停止します

+0

が該当する可能性があります。しかし、そこにJavaの方法はありますか? –

+0

画像処理(DBからの読み込み/効果の追加)がない場合は、コードから単純な静的画像をレンダリングしているように見えます。ちょうどjQueryのプラグインwuildそれを行う –

関連する問題