1

各プロジェクトにサイドバーが含まれる多くのプロジェクトを含む Web サイトを取得しました。

このサイドバーでは、プロジェクトに画像を添付できます。添付された画像はギャラリーに表示され、下部に 3 つの小さな親指が表示され、ギャラリーの上部に 1 つの大きな画像が表示されます。訪問者がギャラリーの下部にある小さな親指をクリックすると、大きな画像が別の画像に更新されます。

親指は問題ありません。正しく表示されます。

私の問題は、ギャラリーの上部にある大きな画像です。アップロードされる画像にはさまざまなサイズがありますが、私のホルダーは幅 239、高さ 179 です。ウェブサイトの訪問者に正しく表示されるように画像を拡大縮小するにはどうすればよいでしょうか?

Zapping に感謝します (このコードは私にとって使用可能です):

int sourceWidth = imgToResize.Width;
   int sourceHeight = imgToResize.Height;

   float nPercent = 0;
   float nPercentW = 0;
   float nPercentH = 0;

   nPercentW = ((float)size.Width / (float)sourceWidth);
   nPercentH = ((float)size.Height / (float)sourceHeight);

   if (nPercentH < nPercentW)
      nPercent = nPercentH;
   else
      nPercent = nPercentW;

   int destWidth = (int)(sourceWidth * nPercent);
   int destHeight = (int)(sourceHeight * nPercent);
4

3 に答える 3

2

サイズ変更についてのすべて。 http://www.codeproject.com/KB/GDI-plus/imageresize.aspx

于 2010-03-08T12:56:06.593 に答える
2

縦横比を維持したまま画像のサイズを変更し、再保存できます。または、同じ画像を維持したい場合は、縦横比を維持しながら新しい高さと幅を見つけ、それに応じて img タグの高さと幅のプロパティに適用できます。

これらを使用して、画像のサイズを変更したり、高さと幅を見つけたりできます。
http://snippets.dzone.com/posts/show/4336
http://www.switchonthecode.com/tutorials/csharp-tutorial-image-editing-saving-cropping-and-resizing

大きなサイズの画像を保持することにした場合に備えて、パンで何かを試すこともできます
jqueryを使用して画像をズームインおよびズームアウトする方法は?

于 2010-03-08T12:52:00.990 に答える
0

プロポーショナル スケーリングは、CSS でも実行できます。幅 100 ピクセル、高さ 200 ピクセルの画像を考えてみましょう。

<img src="image.png" style="max-width:50;max-height:50;">

画像は 50x50px のボックスに収まります。つまり、25x50px の画像が生成されます。同様に、

<img src="image.png" style="min-width:500;min-height:500;">

500x1000px を生成して画像化します。

あなたの場合

<img src="image.png" style="max-width:239;max-height:179;">

画像が小さく、とにかくサムネイルと画像をロードするので、これは良い解決策かもしれません。同じ画像である可能性があり、帯域幅を節約し、キャッシュを利用します。

于 2010-03-08T13:15:33.983 に答える