2012-03-21 21 views
0

TimThumbを認識していない人は、任意のサイズまたはディメンションの画像を取り込み、その場でサムネイルを任意のサイズに作成します。その美しさは、画像のサイズを変更する、画像をトリミングする、またはズームすることのいずれかを組み合わせることによって、実際にどのディメンションでも機能することです。TimThimb(PHP)と同等のJavascript/Jqueryサムネイルスクリプトがありますか?

私は、jscriptの等価物を探していましたが、ユーザーが手動で親指を実際にマスクする(画像を自動的に行うスクリプトを探す)か、スクリプトが異なるアスペクト比で画像を処理できないようにする必要があります。

ありがとうございました!

答えて

0

クライアント側 javascriptでのみこれを行うことはできません。 PHPはGD、新しい画像(実際のサムネイル)を作成するImageMagickライブラリを持っていて、javascriptだけではこれができません。クライアントサイドスクリプトなので、ファイルを作成できません。

したがって答えはありません。

@papirtigerは、サーバー側のjavascript(node.jsなど)でもこれを行うことができると指摘しています。

それが依存このlink

+0

ダン、私は、モバイルサイトに表示するだけで、保存するファイルを物理的に作成する必要はありませんので、画像を慎重にサイズ変更してから、div内であらかじめ決められたサムネイルサイズ – Mark

+1

JavaScriptが長時間サーバー上で実行されていたと思います。 – max

+0

@Mark Hey !!!なぜ-1? javascriptはあなたのイメージをロードし、あなたの希望のサイズにサイズ変更することができます。しかし、それはactueal(大きな)画像をロードし、サイズを変更します(DOMでCSSの幅と高さを想像してください)。それは実用的ではありません。 –

0

を参照してください。

CSSまたはJavaScriptを使用して簡単な画像の拡大縮小ができます。
利用可能なプラグインがたくさんあります。

guthstimationを正確に行うのは、timthumbと同じであるとは思えません。

大量の画像をページにリサイズすると、パフォーマンスが著しく低下します。 もう1つの選択肢は、いくつかの固定サイズの「レイアウト」(960,320)などであり、サーバーがそれぞれの親指を生成するようにします。

javascriptを使用して適切なサイズを読み込むことはできません。

あなたが本当にファイル再スケールする必要がある場合:画像のサイズを変更するために、外部のWebサービスを使用し

を。 それらのほとんどは、URLを取り、リサイズされた画像を返す:あなたはTimThumbがサーバー上で実行している場合

example.com/resize?image="http://example.com/image1.jpg"&height="... 

は、あなたがあなた自身のサービスを呼び出すことができるように、シンプルなAPIを設定することができます。

othrwiseいくつかの代替案についてはImage resizing web serviceを参照してください。

関連する問題