flexslider　カルーセル表示の縦スライドについて

Question

お世話になっております。パラボッセの内堀です。タイトルの件、うまく設定ができないので教えていただければと思います。javascript で呼び出すときのオプションに      direction: "vertical",を指定すると縦スライドするのですが、次の画像が表示されない状況です。対象のページは http://shopping.geocities.jp/paravoce/feature.html です。今は横スライドの設定にしています。

Answer

itemWidth: 220,の指定があると強制的に横スライドになる模様ですので、この指定を削除してください。本題とは別件ですが、誤字がありました。pasneOnHover: true,を、pauseOnHover: true,に修正してください。

Answer

itemWidth: 220がないとカルーセル表示にならなくて、画面いっぱいに1画像の表示になってしまいます。誤字の指摘ありがとうございます。参考にしていたサイトの表示をコピペしてました。私もあれ？と思ってたのですが、コピペしてたのでいいのかなと思ってました。

Answer

色々と確認したのですが、FlexSlider2は縦方向のカルーセル表示には対応しておりません。他のサイトが実装している様子も見つかりませんでしたが、実装している様子があれば、それを分析して再現することはできますのでお知らせください。なお、縦スクロールの状態で、cssに.flexslider { width: 220px !important;height: 1100px !important; }.flex-viewport { width: 220px !important;height: 1100px !important; }の指定を加えることで、強制的に縦スクロールかつ複数アイテム表示はできますが、アイテムのないところまでスクロールさせると下に空白ができてしまいます。

Answer

詳しいところまでありがとうございます。現状のままでいたいと思います。

flexslider カルーセル表示の縦スライドについて

カテゴリーから探す

flexslider　カルーセル表示の縦スライドについて