gallery_001

2c749c51ee48958776c8ea5ae42416a1_s.jpg a755ddbdee1d0dbf2505a09bdb27d1b3_s.jpg ff5a80926c2c9147d3b053403a8f1d40_s.jpg

gallery_001a

img_3495.jpg 500-400.jpg president.jpg 500-400.jpg 1280-420.jpg

フィルムイメージをブロックの背景においたスライドショー

 
ブロックの背景にフィルムのイメージを左右繰り返しで配置して、その上で画像のスライドショーが流れます。ShiFTのカルーセルで画像が流れるようになります。
ShiFTのカルーセルは流れるスピードの調整ができません。ちょっと早いように感じますがいかがでしょうか?
このパターンの特徴はスライドショーのサイズ指定が1枚の画像のサイズになります。そしてスマホでも縮小されることなくそのままのサイズでスライドします。そのため、サイズ指定は4inchスマホを考慮すると280px〜300px程度の幅にすることが良いように思います。
 
 

gallery_001a

こちらはSHiFTでウォールズ ワイドを指定しています。
このパターンの特徴は横幅が大きくなっても画像は3つまでしか並びません。それ以上の寸法がある時は余白になってしまいます。ですので、スマホで見た時のブロックの幅を考慮し350px前後のサイズはあった方がいいと思います。ウォールズ ワイドはスマホでは1枚は画面に収まるように縮小してくれます。