での画像の小さなバージョンをロードし、C#の私のASP.NETのWebアプリを開発するために、当然の初め、私はページで(サイズは50キロバイト程度)、いくつかの大きな画像を表示し、それは時間がかかりますこれらのイメージのいくつかの小さなバージョンが表示され、ユーザーが各イメージをクリックすると、実際のサイズのイメージがライトボックスに表示されます。しかし、サムネイルを表示するためにフルサイズの画像を読み込むと、ページの読み込みに多くの時間がかかります。各画像のサイズを小さくする方法はありますか?私は自分の読み込み時間を減らし、画像のサムネイルを表示できる方法はありますか?私のオプションが何であるか、私にはありません私はVS2010を使用しているページのロード
答えて
助けてください、方法はありません。オンザフライでサムネイルを作成すると、画像全体がロードされなければならず、目的を破ります。
事前にサムネイルを作成することができます。
あなたは1サムネイルを作成し、それらはむしろ、あなたのメインのイメージのロードをロードする2つのことを行うことができ、また、あなたが唯一のものはすぐに確かにあなたの原因を助けるビューポートで必要とされている画像を読み込むことを意味遅延読み込みを意味することができます。
サムネイルを作成するにはどうすればよいですか? –
あなたは手でそれをしなければなりません。 –
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
ありがとう、画像の小さなバージョンを読み込む(読み込み時間を短縮する)か、サムネイルを作成するだけですか? –
はい、あります。あなたは上記のリンクをチェックして、デモをチェックしてください。上記の例では、ImageUrl = "〜/ images/Scissors.jpg"とThumbUrl = "〜/ thumbs/Scissors.jpg"フィールドが表示されている場合、最初のサム画像が表示され、それをクリックすると実際のサイズ画像が表示されます。 –
- 1. 私はVS2010を使用するJavaScript
- 2. のXMLHttpRequest - 私はこのWebページを使用している数
- 3. jQueryのPajinate - すべては私がPajinateプラグインを使用しているページのロード
- 4. PHP私はIIS 7を使用しているのphpinfo()ページ
- 5. Railsのフラッシュメッセージは、私は次のコードで、Railsアプリケーションにフラッシュ通知を使用している2ページのロード
- 6. ページをロードするときにajaxを使用してページのセクションをロードする方法は?
- 7. QueryParamsは、私は、ポリマー-2を使用しているページ
- 8. jqueryの:私は使用してdivの内側にHTMLページをロードしています
- 9. ビットセットをVS2010を使用して
- 10. が、私はjQueryの.LOAD機能を使って、子供のページをロードするページを持っているmodalPopupExtender
- 11. jQueryを使用したページのAjaxロード
- 12. 私のHTMLページをロードしているときにBase64イメージ
- 13. は、私は私のページにこのコードのロードを持っているDOM
- 14. jQueryのコード私は、ページの読み込みにJavaScriptをロードするWebアプリケーションを持っているページのロード
- 15. PHP - アヤックス/ jQueryを使ってページをロード - 私はロードするために、次のコードを持っているとAjaxとjQueryを使用してページを要求し、私のサイト上で自分のウェブページ(100+異なるページ)上でマスターページ
- 16. React- HTTPリクエストは、私はちょうど使用し始めているページのロード
- 17. ロードPHPページ私はjqueryの
- 18. load()を使用してjQueryも使用するページをロードします
- 19. 別のテンプレートを使用してWordpressでajaxを使ってページをロードする
- 20. jqueryを使用して動的にページをロードする
- 21. PHPを使用してページをロードする
- 22. msbuildを使用して、vs2010によって作成されたvs2010をvs
- 23. は、私が持っているときに、ページのロード
- 24. Android用Chromeは私のページをロードしません
- 25. 私が使用して私の豆をロードしていますXmlBeanDefinitionReader
- 26. 改ページは、私は私のCSSでこのタグを使用していた
- 27. 私はVS2010
- 28. 私のブラウザがロードしているページにJavascriptを挿入するには?
- 29. セットノードは、私は木をロードすると、私は次のコードを使用して、それをロードjstree
- 30. AWS S3を使用して新しいWebページをロードするJavascript SDK
おかげで、これらのサムネイルが最初にロードされるように(あなたは事前に言ったように)私は自分のサーバー上のサムネイルを作成することができます任意の方法は、ありますか? –
イメージファイルのバッチ処理を行う人気のあるフリーウェアのプログラムirfanviewがあります。 http://www.ofzenandcomputing.com/zanswers/1028/ –