たまにややこしい要望があるときはスライダーを自作しますが、基本的には「bxSlider」を使用しています。
ただ、1つ問題なのは、スマホ時にスワイプしていっていると、スライダーの上でスワイプが効かなくて、イーッ！となります。
ファーストビューで全画面スライダ―とかしてると目も当てられません。
それを解決するのが以下方法となります。
まずはjquery.bxslider.min.js（投稿時のバージョンは4.2.1dです）自体に手を加えます。
Y=function(t){if("touchstart"===t.type||0===t.button)if(/*t.preventDefault(),*/
上記のように「t.preventDefault(),」をコメントアウトしてしまいます。
次にbxSliderのオプションで以下を設定します。
reventDefaultSwipeY:false
これで完成です。
