jqueryを使用して画像の一部を表示する方法は？

Question

私はjqueryを使用していますが、イメージの一部を表示しようとしています。その真ん中に四角形を表示し、アニメーションを使用して残りの部分を展開します。

私は、オーバーフローでdivを含む何かを考えています：隠されていますが、私はそれを理解できません。

多くのありがとうございます。

Answer 1

のようなものがimgAreaSelectプラグインをチェックしないjQueryプラグインがあります、それはその正確ありません。あなたは、CSSと仕事をしなければならない

Answer 2

最初にスクエアを表示するには、イメージスプライトというテクニックを使用し、実際にCSSでそれを実現する方法はたくさんあります。ここにはone by alistapartがあります。その後、animateを使ってcssを手動で変更することができます。

は、しかし、私は賭けこのautomgaically ...

Answer 3

：別のdiv以上のdivを置く位置 css position

Answer 4

あなたは可能性がありますが、画像の特定の部分を表示するには、CSSを使用したCSSスプライトマップと同様のセットアップ何か。次に、jqueryを使用してcssクラスを画像全体を表示するものに変更します。

ここにcssスプライトマップのリンクがあります。 http://css-tricks.com/css-sprites/