Javascript画像をサイズ変更して同時にクリップする方法は？

Question

私は元のサイズ：374x144の画像を持っています。 1つのファイルに3つの画像があります。今私は、画像/ divタグのサイズを変更したい

<div style="background-image:url('http://pics.kapihospital.de/ga_cars.5.jpg');position:absolute;height:48px;width:374;background-position: 0px -96px;"></div> 

：だから、僕は一つの画像を取得するためにdivタグを定義します。しかし、私は高さを変更し、属性を使用して、クリップ部分を変更し、サイズ変更された画像を取得しません。

同時に画像をクリップしてライズすることは可能ですか？新しいサイズは約179x23となるはずです

Answer 1

実際のイメージタグを使用して、クリッピングを行うためのラッパー（私はdivを使用）を使用する必要があります。

HTML

<div> 
    <img src="http://pics.kapihospital.de/ga_cars.5.jpg" width="179" height="69"> 
</div>​​​​ 

CSS

DIV { 
    width: 179px; 
    height: 23px; 
    overflow: hidden; 
} 

IMG { 
    position: relative; 
    top: -23px; 
} 

あなたは画像上position: relativeを使用し、負topプロパティを使用してdivでそれを周りにシフトすることができます。