問題タブ [image-resizing]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票する
4 に答える
301 参照

php - この画像サイズ変更コードで $_GET はどのように設定されていますか?

画像のサイズを変更するためのスクリプトを使用しています。エラーが発生しているようです:

エラー: 画像が指定されていません。
おそらく、スクリプト (image.php) 内の次のコードが原因です:

これが私がやっていることです(profile.php) :

したがって、MySQL テーブルから$your_imageとを読み取り、 . 上記のように、明らかに画像が設定されていないため、最初のエラーが発生しています。私が得られないのは、画像が実際に私のコードでどのように設定されるのでしょうか? 実際の画像を表示しているだけではありませんか?画像が単に表示されている場合、画像はどのように設定されるのでしょうか? ありがとうございました。$path_to_imageimg sourceimg src

0 投票する
3 に答える
1845 参照

php - PHP画像のサイズ変更が機能しない。ファイルサイズに制限はありますか?

単純なイメージマネージャークラスと次のコードを使用しています。

echo幅700の画像をアップロードすると、画像のサイズが正常に変更されますが、非常に大きな画像(幅〜= 2300)をアップロードすると、機能せず、メッセージが表示されません。

特定のphp画像関数には、これを引き起こしている可能性のあるサイズ制限がありますか?

0 投票する
3 に答える
84515 参照

html - 比例した画像の高さ/幅を作成する方法

そのため、画像のサイズを元の高さ/幅の 30% に変更したいと考えています。高さや幅がわからないふりをして、CSS/HTML だけを使用してどのように処理しますか?

0 投票する
1 に答える
440 参照

jquery - jQuery画像のサイズ変更がうまくいかなかった!

数日前、サイトの画像の幅と長さの属性をパーセンテージに設定したときに、画像が思ったとおりに縮小されなかったのはなぜだろうと思っていました。

問題は、画像を縮小したかったのですが、実際には画像のコンテナを縮小していました。

とにかく、私は実際には、jQueryのスニペットを使用して画像のサイズを変更するというPatの提案が好きでした。なぜなら、ファンシーボックスのクラスを持つすべての画像、つまり、クリックすると、ファンシーボックス効果を表示します。

しかし、どういうわけか、それは一種の厄介な振る舞いをしています。

私のページで問題を表示できるようにブラウザをポイントすると、http://www.marioplanet.com/product.htmで問題が発生する可能性があります。

デバッグを支援するために以前に私のサイトにアクセスしたことがある場合は、最初のアクセス時にのみ問題が発生するように見えるため、必ず私のサイトのCookieを削除し、キャッシュを空にしてください。

問題はブラウザによって異なるようです。

Firefox(3.6.8)およびIE(8):太字のテキストの下にある「CategoryPlush」では、画像のサイズを適切に変更する必要があります。

Chrome(5.0.375.125)とSafari(5):画像があるべき同じ太字のテキストの下には、輪郭が描かれた2つの正方形だけがあり、他には何もありません。

コードを更新しない限り私が見つけた「修正」は次のように見えます。

Firefox(3.6.8)およびIE(8):簡単な更新で、画像は最初にアクセスしたときのサイズに戻ります。

Chrome(5.0.375.125)とSafari(5):これら2つのブラウザーをURL http://www.marioplanet.com/product.htm#にポイントすると、ポンド記号(#)を追加するか、クリックして簡単に実行できます。 「FollowUsOn」ソーシャルネットワーキングトレイのYouTubeアイコンでは、画像は最初のアクセス時に希望するサイズになります。

そのため、jQueryスニペットに関しては、おそらく.width()アクションは広くサポートされておらず、グーグルは結果をもたらさず、主要なブラウザー全体でうまく機能しないのは意味がないと考えていました。

そのため、おそらくjQueryのスニペットが$(document).readyイベントハンドラーに含まれていなかったため、DOM、つまり画像が適切に読み込まれていなかったのではないかと考えていました。私のコードを調べたところ、すべて問題ないように見えました。

最後に、画像に残っているサイズがjQueryのサイズ変更を台無しにして、すべてが再び問題ないように見えたのではないかと思っていましたが、おそらくそれはテーブルとテーブルの行とセルの幅に関係していますか?

問題が何であるかについての提案やアイデアは大歓迎です!!

ありがとう!

0 投票する
2 に答える
963 参照

php - PHPThumb と Thickbox/Colorbox の使用

PHPThumb でサイズ変更された画像にリンクして、thickbox または colorbox を使用してライトボックスにポップアップすると、ライトボックスにデータと文字が表示されます。php拡張子で出力されるため、thickboxは私の画像を実際の画像として認識しないため、推測しています。

誰でも解決策を知っていますか?

また、コンテンツ管理システムに PHPThumb を使用することは良い考えですか? イメージのサイズを複数のサイズに変更するだけで、より多くのセットアップ/サーバー構成でうまく機能しますか?

リンク: http://jeffkilroy.com/hosted/ImageIssue/test.php

0 投票する
2 に答える
1406 参照

image - その場で画像のサイズを変更したり、異なるサイズをディスクに保存したりしますか?

最終的に大量の画像を含む Web アプリケーションを構築しています。これらの画像は、サイト全体でさまざまな形式で表示する必要があります。2 つのソリューションの長所と短所は次のとおりです。

  1. アップロード時に画像のさまざまなバージョンを保存する (例: Thumb、small、medium、large、verylarge)
  2. URL を使用して画像のサイズを変更します - 例: /Content/Image/1?height=300

どう思いますか?

編集: ある回答を他の回答よりも受け入れるのに非常に苦労しました。したがって、この Q/A を読んでいる人は、受け入れられた回答がコインの裏返しによって選択されたので、時間をかけて両方の回答を読んでください :) 両方とも同等です良い。

0 投票する
1 に答える
390 参照

jquery - $(docment).ready(function(){}); および $(window).load(function() {}); 錯乱

http://www.marioplanet.com/product.htmにある私のテスト製品ページには、いくつかの奇妙な動作があり、実際に解決するのに役立つ可能性があります。

さて、私は以前に画像のサイズ変更に問題がありました.ここの誰かが、画像のサイズ変更を

サイズ変更が発生する前に画像をロードするために、ドキュメント準備機能内にネストするのではなく、まだロードされていないため、サイズ変更によって誤った幅と高さが検出されないようにします。

これを行ったので、ドキュメント準備機能内にネストされている jQuery をどうすればよいのか疑問に思っています。これはファンシーボックス jQuery プラグインであり、正しく機能していないようです。

ファンシーボックス jQuery をドキュメント準備完了からウィンドウ ロード関数に移動すると、何らかの理由で、どれも機能しません!

私は本当にここでいくつかの助けを借りることができたので、どんな情報や提案も大歓迎です!

ありがとう!

アップデート:

補足として、画像がまったく読み込まれないようにする方法を見つけて、縮小効果が画像に適用されたら読み込むだけでいいので、画像が大きく表示されてから消えないようにすることをお勧めします。どこにも、縮小します。

0 投票する
3 に答える
221 参照

html - 乱暴に振る舞う CSS 画像のパーセンテージ

私のCSSスタイルのどこかで競合していないことを願っていますが、私のページ(http://www.marioplanet.com/product.htm)では、すべての画像に CSS ルールを適用しFancyBoxて縮小しようとしています。25%元のサイズから。

今、これは含まれている表のセルに適用されているだけかもしれないと聞いたので、そうであるかどうか教えてください。

また、上記が当てはまる場合、単純な CSS と HTML だけで JavaScript を使用せずにこれを行うことはできますか?

ありがとう!

0 投票する
1 に答える
860 参照

jquery - 最初は画像が大きく見えないように、画像の jQuery リサイズを調整

変なタイトルですね、すみません。

とにかく、次のjQueryのスニペットで画像のサイズを変更しようとしています:

これでうまくいきましたが、元のサイズを読み込んで縮小するのではなく、元のサイズの 25% を読み込むように画像を指定する方法を見つけられれば、本当に素晴らしいことです。

動作しますが、ちょっと奇妙に見えます。

どんな種類の回避策も素晴らしいでしょう!

ありがとう!

0 投票する
3 に答える
993 参照

c# - Web用の画像C#のサイズ変更

ゴール:

私は多くのサイズ(寸法とファイルサイズの両方)の写真をたくさん持っています

これらのファイルを2回変換したいと思います。

  1. サムネイルサイズの写真
  2. Webページで問題なく表示され、可能な限り全画面に近い画像...ファイルサイズを500KB未満に保ちます。

HTMLの質問:

A.使用するのに最適なファイル形式(jpg、pngなど)は何ですか?
B. Webに最適な構成は何ですか...妥当な品質で可能な限り小さいファイルサイズですか?

C#の質問

A C#コードを使用してこの変換を実現する良い方法はありますか(ある場合はどのように)?