さまざまなスライダーを調べましたが、デザイナーが望むことを実現するものは見つかりませんでした。下の画像は説明に役立つはずです。ヘッダー/フッターのコンテンツ用にスライダーの上下にスペースがあることに注意してください。
A.基本的には、次の画像（2）を、一定量の画面スペース（たとえば、10％）を使用して右側に部分的に表示するという考え方です。
B.現在の画像（1）は左に浮き、高さを塗りつぶします。幅の広い画像でも幅の狭い画像でもかまいません。
C.薄い灰色で表示されるスペースの量は、ユーザーが使用できる画面スペースによって異なります。画像がフル解像度に達すると、必要に応じてギャップが拡大します。
D.逆に、使用可能なスペースが縮小すると、ギャップが縮小し、
E.ギャップが最小サイズに達した後、スライドは縮小します。
F.次に、現在のスライド（1）が、必要に応じて左右からクリップされ始めます（幅の広い画像）。
G.アニメーションの場合、次のスライド（2）は、ギャップを埋めるためにスライドしてから、現在のスライド（1）をバンプアウトし、次の画像を部分的に引き込む前にギャップを残します。
すでに同様のことをしているスライダーはありますか、それとも既存のスライダーを変更する必要がありますか？もしそうなら、良い出発点は何でしょうか？Flexsliderのようなものを試しましたが、JSのサイズ変更が画面に2つ表示されるのを妨げます。
画像投稿の特権はまだないので、ここにあります：http: //imgur.com/swYtr