問題タブ [resize-image]

モデルに次のコードがあります。

has_attached_file :photo, :styles => { :small => "150x150#" }, :storage => :s3, :s3_credentials => "#{RAILS_ROOT}/config/s3.yml", :path => "/photo/:id/:style/:filename", :s3_headers => { 'Cache-Control' => 'max-age=315576000', 'Expires' => 10.years.from_now.httpdate }

画像をアップロードすると、元の画像のみが保存され、スタイルは機能しません。小さなファイルは生成されません。

望ましいのは、ブラウザ ウィンドウに合わせてサイズ変更/スケーリング/ストレッチする背景を持つことです。

CSS3 メソッドがあるようですが、広くサポートされているわけではありません。多数の JQuery メソッドが存在するようですが、それらはいずれも ... まあ、少しぎこちないか、手動入力が多すぎるように思えます。

それで...私は考えていました...基本を取り上げ、それのほとんどを私たちのために行う何かはどうですか?

以下は私がこれまでに得たものです：

Fullscreenrのようないくつかの既存のメソッドに基づいており、いくつかの変更が加えられています。

それで...私はどのような変更を管理しましたか？

さて、背景画像/ファイルを指定しなくても、本文から自動的に取得されるようにすることができました。

また、高さ/幅をそれ自体で検出できるようにすることもできました。

さらに、サイズ変更するラッパーと画像がマークアップに含まれるのではなく、JQuery を介して挿入され、JS を介してスタイル設定されるようにしました。

今... 問題/欲求？

ええと、まず第一に、これはすべてメインの html ドキュメントにあります。

外部ファイルにしたいのですが、試したすべてが失敗しました! おそらくハックジョブが行われたためです。

それに続いて、適用する要素を指定できるようにすることは可能ですか (ボディ以外のものが必要な場合)?

一般的には、（ハックジョブのミスマッシュが原因で）混乱しているように見えますが、非効率的/乱雑であると確信しています。コードを実行するためのより良い方法はありますか?

100% 確信があるわけではありませんが、おそらく z-index プロパティを設定できるはずです! ある時点で、誰かが別のセットアップを持ち、別の値を望んでいる可能性があると思いますか?

(何も指定されていない場合のデフォルトを含めますか?)

IE6 ... IE6 で CSS を機能させる方法を見逃していると思います。IE6 の場合、ブラウザーを識別して異なるスタイルを指定することは可能ですか?

それはさておき、それは十分に機能しているようです。ウィンドウのサイズ変更時にサイズ変更し、FF3/最新のクロム (6?)、IE7 などで動作します。

CSS3 がサポートされているかどうかをテストするためのちょっとしたトリックを見たので、これを使用してこれが必要かどうかを検出できるかどうかもテストします (必要でない場合は、いくらか肥大化を避ける必要があります)。

+

助けを求めるのはとても生意気に感じます...

私はこの種のことを自分で行うことに慣れていますが、一般的な問題を見つけてその日を1週間の髪の引っ張りに変えるのを助けることができるより賢く、より良い人々がいるときに、何かをするために丸一日を無駄にするのはばかげているようです: D

では、よろしくお願いします（運が良ければ）。

私は私が次のようなことをすることができる（理想的には自己ホスト型の）サービスを探しています

<img src="http://image-resizer.domain.com/resize-image/150/100/path/to/image.jpg" />

このサービスは次のようになります。

• http://mydomain.com/path/to/image.jpgをダウンロードします（以前になかった場合）
• 150x100にサイズ変更します
• メタデータのサムネイルを削除/押しつぶします（およびサムネイルに適したその他のもの）
• サムネイルをキャッシュします（ディスクに、または多分s3に？）
• クライアントに提供する
• そのURLに対する後続のリクエストでは、同じキャッシュされたサムネイルを提供します

これは私を可能にするでしょう

• 私のサイトには元の画像のみがあり、サムネイルの生成は別のサービスにアウトソーシングしています
• 新しいサムネイルサイズを簡単に作成できます
• 効率的である必要があります

そのようなものは存在しますか？オープンソースを好み、できればRubyまたはNode.jsのいずれかを使用します。

限られた量のディスクスペースで作業するためのボーナスポイント（つまり、たとえば5GBの画像のみをキャッシュする）。

現在の背景は黒です。色を白に変更するには？

黒、白

PHPを使用して画像のサイズを変更したい。その品質を失うことなく。現在、2つのドメインがあります。古いサイトのポートフォリオセクションから新しいWebサイトに画像を表示する必要があります。画像のサイズを変更して、新しいポートフォリオセクションに表示する方法。どうやってやるの？

このようにjqueryを使用してブラウザに合わせて画像のサイズを変更する方法を知っている人はいますか

http://www.ellenrogers.co.uk/photoshoot/folly

?

私は、バイトコードで保存されたこのアプリケーションイメージでAndroidアプリケーションに取り組んでいます。このバイトコードでは、イメージを変換します

この元の画像では、小さい画像と明瞭度の画像を動的にサイズ変更して、どのようにアンドロイドに実装できますか

貴重な解決策を事前に転送してください...

私は画像に取り組んでいます、この元の画像に元の画像をアップロードしますこの画像がデータベースに保存された小さな画像のサイズを変更します

元の画像->サイズ変更（小さい画像）->データベースに保存された小さい画像

ソリューションを転送してください

ありがとう

CSharp.netを使用して画像をトリミングおよびサイズ変更するためのサポートが必要です。ここでの私の目標は、画像を取得して50pxx50pxに縮小することです。私がここで見つけた次のコードはそれを行いますが、それは画像もスケーリングしています。理想的には、画像を可能な限り50px x 50pxに近づけてから、50pxx50pxの外側にある画像の部分を削除したいと思います。

画像のサイズが 604x453 を超えている場合は、604x453 にサイズ変更します。

ここまでできました：

したがって、最初に元の寸法とすべてのファイルをアップロードし、次に寸法を確認してからサイズを変更し、元のファイルのリンクを解除 (削除) します。

今、私は何を知りませんが、どういうわけかサイズ変更手順でうまくいかず、出力として604x453の寸法の黒い四角しか得られません..

私は何を逃しましたか、どうすればこれを解決できますか?