2012-03-16 6 views
0

での画像の小さなバージョンをロードし、C#の私のASP.NETのWebアプリを開発するために、当然の初め、私はページで(サイズは50キロバイト程度)、いくつかの大きな画像を表示し、それは時間がかかりますこれらのイメージのいくつかの小さなバージョンが表示され、ユーザーが各イメージをクリックすると、実際のサイズのイメージがライトボックスに表示されます。しかし、サムネイルを表示するためにフルサイズの画像を読み込むと、ページの読み込みに多くの時間がかかります。各画像のサイズを小さくする方法はありますか?私は自分の読み込み時間を減らし、画像のサムネイルを表示できる方法はありますか?私のオプションが何であるか、私にはありません私はVS2010を使用しているページのロード

答えて

1

助けてください、方法はありません。オンザフライでサムネイルを作成すると、画像全体がロードされなければならず、目的を破ります。

事前にサムネイルを作成することができます。

+0

おかげで、これらのサムネイルが最初にロードされるように(あなたは事前に言ったように)私は自分のサーバー上のサムネイルを作成することができます任意の方法は、ありますか? –

+1

イメージファイルのバッチ処理を行う人気のあるフリーウェアのプログラムirfanviewがあります。 http://www.ofzenandcomputing.com/zanswers/1028/ –

1

あなたは1サムネイルを作成し、それらはむしろ、あなたのメインのイメージのロードをロードする2つのことを行うことができ、また、あなたが唯一のものはすぐに確かにあなたの原因を助けるビューポートで必要とされている画像を読み込むことを意味遅延読み込みを意味することができます。

Link for lazy loading

+0

サムネイルを作成するにはどうすればよいですか? –

+0

あなたは手でそれをしなければなりません。 –

1

Thumbviewerを使用するのがベスト。それは使い方が簡単で、効率的であることは驚きです。

<bri:ThumbViewer ID="ThumbViewer2" runat="server" ImageUrl="~/images/Scissors.jpg" 
        Title="Tailors Scissors" ThumbUrl="~/thumbs/Scissors.jpg" Height="75px" Width="90px" ModalImagePadding="40px" /> 

あなたはデモここで見つけることができます:Thumbnail-Image-Viewer-Control-for-ASP.Net

+0

ありがとう、画像の小さなバージョンを読み込む(読み込み時間を短縮する)か、サムネイルを作成するだけですか? –

+1

はい、あります。あなたは上記のリンクをチェックして、デモをチェックしてください。上記の例では、ImageUrl = "〜/ images/Scissors.jpg"とThumbUrl = "〜/ thumbs/Scissors.jpg"フィールドが表示されている場合、最初のサム画像が表示され、それをクリックすると実際のサイズ画像が表示されます。 –

関連する問題