大きな画像を5つに分割してみませんか?マルチ画像の目的で考えられて構築されたスライダーではなく、画像を移動するカスタム関数が必要になる場合があります。
編集:ここで要求されているように、1つの画像をスライドさせるカスタムjs関数です:
http://jsfiddle.net/ktNxN/(ボタンをクリック)
魔法のほとんどはここで起こります:
var slideView = $('.bigImage');
var slideWidth = parseInt(slideView.css('width'));
var slideStep = slideWidth/5;
2番目の編集:私はちょうど今あなたが達成したいことを実現します。背景の位置が異なる(背景が大きな画像になる場所)パネルごとにdivを配置してみませんか?
これをする :
HTML
<img src="transparent_png_1x1.png">
CSS
img {
/* to be sure the png covers the whole area */
width:100%;height:100%;
/* put your big image as the css background */
background-image:url(bigImage.jpg);
}
img:nth-of-type(1) {background-position:0px 0px;}
img:nth-of-type(2) {background-position:100px 0px;}
..など、あなたのニーズを満たすためにいくつかの適応が必要になります