複数の画像が1つの画像から来る

Question

私はウェブページをデザインしており、Javascript、CSS、またはJqueryを使用して1つの画像から複数の画像を取得する必要があります。

<img src="main.png" > 
<img src="submain1.png" > 
<img src="submain2.png" > 
<img src="submain3.png" > 

私はjavascriptを初めて使用しているため、それを解決するのが難しくなっています。
main.pngがメイン画像で、submain1.png, submain2.png, submain3.pngの画像は、ページが読み込まれるとすぐにmain.pngから順番に送信されます。

Answer 1

他の人も示唆しているように、あなたはスプライトシートについて質問していると思います。これで、いくつかの検索を試してみることができるようになったときに、より一般的な用語を知ることができました。このサイト上のCSSスプライトの問題がたくさんあります：

CSS Sprite Issues On StackOverflow

これは、迅速なデモである：あなたが「複数の画像を望んで何を意味するかは明らかではない

#full { width: 389px; height: 186px; } 
 
#window1 { background-position: 369px -11px; } 
 
#window2 { background-position: 194px -91px; } 
 

 
.iconback { 
 
    border: solid 1px; 
 
    background-image: url(http://www.icons-land.com/images/products/VistaPlayStopPauseIcons.jpg); 
 
} 
 

 
.window { width: 80px; height: 80px; margin: 1em; }

<div id="full" class="iconback"></div> 
 
<div id="window1" class="iconback window"></div> 
 
<div id="window2" class="iconback window"></div>