• 文字サイズ
解決済

【再】横スライドでバナーを表示したい

  • 相談者:非公開
  • 2016/04/14 12:12
お世話になっております。

解決済みにしたのですが、うまくできなかったので再度質問させてください。
(前回)https://forum.ec-masters.net/post_view.php?id=2711

前の質問で聞いたツールボックスを使う方法ですと、1画像ずつしか表示できませんでした。
複数の画像をスライドさせていきたいです。

参考:http//www.rakuten.ne.jp/gold/SHOP-URL/?scid=af_pc_etc&sc2id=291641670

ここの新着&人気アイテム のところです。

商品単体であればECステーションさんのらくらくショーケースで可能なのですが、
企画ページへジャンプさせたいのです。

よろしくお願い致します。
キーワード:自動スライドJavascriptJQueryhtmlcss
投稿内容について報告する




  • 返信者:非公開
  • 2016/04/14 17:23
ECマスターズの田中です。

それでは、JavaScriptを利用して
スライドさせる仕組みをご案内いたします。

FlexSlider2という、
………(省略)………
  • 返信者:非公開(質問者)
  • 2016/04/14 18:54
田中 様

細かいところまでご指導ありがとうございます。

実際にやってみて、とりあえず動くようにはなりました。

※最初表示されなかったので、一部………(省略)………
  • 返信者:非公開
  • 2016/04/14 20:37
ECマスターズの田中です。

実際のHTMLのソースを確認させていただく必要がありますので、
GOLDのどのフォルダに、どのファイル名で保存されているかを………(省略)………
  • 返信者:非公開(質問者)
  • 2016/04/15 08:46
おはようございます。

slideフォルダ、test.htmlというファイルで試しに作っています。

よろしくお願い致します。………(省略)………
  • 返信者:非公開
  • 2016/04/15 10:20
ECマスターズの田中です。

私にて確認したところ、
オプションを追加したことが原因で
画像が非表示になるような原因は
確認することができませんでした………(省略)………
  • 返信者:非公開(質問者)
  • 2016/04/15 12:06
田中 様

ありがとうございます。
正常に表示されるようになりました。

あとはオプションをいろいろ加えて希望の動作にしたいのですが、
現在、最後の………(省略)………
  • 返信者:非公開
  • 2016/04/15 16:00
ECマスターズの田中です。

bxSliderのオプション一覧を確認したのですが、
いただいた機能を実現できるオプションがありませんでした。

htt………(省略)………
  • 返信者:非公開(質問者)
  • 2016/04/15 17:58
田中 様

ありがとうございます。
Owl Carousel 2 で再度試しました。

エンドレスで続くスライドにできました。

しかしまた問題が………(省略)………
  • 返信者:非公開
  • 2016/04/15 22:06
ECマスターズの田中です。

>1.現在、左から右に流れていますが、逆にしたい。

Owl Carousel 2のオプションにはありませんでしたが、
………(省略)………
  • 返信者:非公開(質問者)
  • 2016/04/18 18:41
田中 様

お世話になっています。
おかげ様でかなり希望通りの動きになってきました。

あとひとつだけ希望があります。

当店トップページにあるラ………(省略)………
  • 返信者:非公開
  • 2016/04/18 20:21
ECマスターズの田中です。

確認させていただいたところ、
GOLDに設置されているowl.carousel.min.jsのバージョンが古いことが原因で、………(省略)………
  • 返信者:非公開(質問者)
  • 2016/04/20 17:15
田中様

お世話になっています。

だいぶ形になったので、本日、本サイトにアップしました。

すると、右端が少しだけ、次のバナーが見えています。
………(省略)………
  • 返信者:非公開
  • 2016/04/20 19:11
ECマスターズの田中です。

私にて確認したところ、
IEの場合、右端にスクロールバーが表示されることを予測して
画像のサイズが少し小さめに設定されるよ………(省略)………
  • 返信者:非公開(質問者)
  • 2016/04/20 19:12
追加で質問です。

スマホでPCページを開くとうまく表示されていませんでした(汗)
自分が確認したのはiPhone6sです。
こちらの解決策も合わせて教………(省略)………
  • 返信者:非公開
  • 2016/04/20 20:33
ECマスターズの田中です。

私にて、iPhone6sでPCのトップページを開いたところ
Safari、Chrome共に問題なく表示されておりました。
………(省略)………
  • 返信者:非公開(質問者)
  • 2016/04/21 09:03
田中 様

お世話になっております。
先の質問、タイミング悪くお返事できておりませんでした…。

scrolling="no"を加えたら希望通りの表示………(省略)………