jquery.touchslider.jsを使って、複数画像をスマホやタブレット操作の様にタッチスライド(スワイプ)で左右にスライドさせる方法をご紹介します。 タッチスライド(スワイプ)で複数画像を左右にスライドするCSSの記述 ※タッチスライド(スワイプ)エリア(.touchslider-viewport)のサイズを指定します。必要に応じて変更して下さい。 <style type="text/css" media="all"> <!-- .touchslider-viewport{ width:300px; height:300px; overflow:hidden; margin:0 auto; } .touchslider-nav-item{ padding:7px; border:solid 1px #000000; cursor:pointer; } .touchslider-p
![jquery.touchslider.jsを使ってタッチスライド(スワイプ)で複数画像を左右にスライドする方法|DAD UNION – エンジニア同盟](https://cdn-ak-scissors.b.st-hatena.com/image/square/9804b6c8181edc55abb8f5c4c2dd7a6034b268bf/height=288;version=1;width=512/https%3A%2F%2Fdad-union.com%2Fwp-content%2Fuploads%2F2019%2F05%2Fcap20190505.jpg)