- 文字サイズ変更
- 小
- 中
- 大
解決済
【再】横スライドでバナーを表示したい
- 相談者：非公開
- 2016/04/14 12:12
お世話になっております。
解決済みにしたのですが、うまくできなかったので再度質問させてください。
（前回）https://forum.ec-masters.net/post_view.php?id=2711
前の質問で聞いたツールボックスを使う方法ですと、１画像ずつしか表示できませんでした。
複数の画像をスライドさせていきたいです。
参考：http//www.rakuten.ne.jp/gold/SHOP-URL/?scid=af_pc_etc&sc2id=291641670
ここの新着＆人気アイテム のところです。
商品単体であればECステーションさんのらくらくショーケースで可能なのですが、
企画ページへジャンプさせたいのです。
よろしくお願い致します。
解決済みにしたのですが、うまくできなかったので再度質問させてください。
（前回）https://forum.ec-masters.net/post_view.php?id=2711
前の質問で聞いたツールボックスを使う方法ですと、１画像ずつしか表示できませんでした。
複数の画像をスライドさせていきたいです。
参考：http//www.rakuten.ne.jp/gold/SHOP-URL/?scid=af_pc_etc&sc2id=291641670
ここの新着＆人気アイテム のところです。
商品単体であればECステーションさんのらくらくショーケースで可能なのですが、
企画ページへジャンプさせたいのです。
よろしくお願い致します。
このフォーラムへの質問は終了しました
今気になってる疑問、
セミナーに参加すれば解決するかも！？
セミナーに参加すれば解決するかも！？
日本全国のネットショップ12,000社が参加！
ネットショップでお悩みがある方はまずはオンラインセミナーへGO！
ネットショップでお悩みがある方はまずはオンラインセミナーへGO！
広告０円で楽天の売上アップ続出！
ECマスターズチャンネルをチェック！
ECマスターズチャンネルをチェック！
総視聴回数15万回突破！
最新の対策事例やSALE対策など、売上にお困りの方はぜひご視聴ください！
最新の対策事例やSALE対策など、売上にお困りの方はぜひご視聴ください！
- 返信者：非公開
- 2016/04/14 17:23
ECマスターズの田中です。
それでは、JavaScriptを利用して
スライドさせる仕組みをご案内いたします。
FlexSlider2という、
………（省略）………
それでは、JavaScriptを利用して
スライドさせる仕組みをご案内いたします。
FlexSlider2という、
………（省略）………
- 返信者：非公開（質問者）
- 2016/04/14 18:54
田中 様
細かいところまでご指導ありがとうございます。
実際にやってみて、とりあえず動くようにはなりました。
※最初表示されなかったので、一部………（省略）………
細かいところまでご指導ありがとうございます。
実際にやってみて、とりあえず動くようにはなりました。
※最初表示されなかったので、一部………（省略）………
- 返信者：非公開
- 2016/04/14 20:37
ECマスターズの田中です。
実際のHTMLのソースを確認させていただく必要がありますので、
GOLDのどのフォルダに、どのファイル名で保存されているかを………（省略）………
実際のHTMLのソースを確認させていただく必要がありますので、
GOLDのどのフォルダに、どのファイル名で保存されているかを………（省略）………
- 返信者：非公開（質問者）
- 2016/04/15 08:46
おはようございます。
slideフォルダ、test.htmlというファイルで試しに作っています。
よろしくお願い致します。………（省略）………
slideフォルダ、test.htmlというファイルで試しに作っています。
よろしくお願い致します。………（省略）………
- 返信者：非公開
- 2016/04/15 10:20
ECマスターズの田中です。
私にて確認したところ、
オプションを追加したことが原因で
画像が非表示になるような原因は
確認することができませんでした………（省略）………
私にて確認したところ、
オプションを追加したことが原因で
画像が非表示になるような原因は
確認することができませんでした………（省略）………
- 返信者：非公開（質問者）
- 2016/04/15 12:06
田中 様
ありがとうございます。
正常に表示されるようになりました。
あとはオプションをいろいろ加えて希望の動作にしたいのですが、
現在、最後の………（省略）………
ありがとうございます。
正常に表示されるようになりました。
あとはオプションをいろいろ加えて希望の動作にしたいのですが、
現在、最後の………（省略）………
- 返信者：非公開
- 2016/04/15 16:00
ECマスターズの田中です。
bxSliderのオプション一覧を確認したのですが、
いただいた機能を実現できるオプションがありませんでした。
htt………（省略）………
bxSliderのオプション一覧を確認したのですが、
いただいた機能を実現できるオプションがありませんでした。
htt………（省略）………
- 返信者：非公開（質問者）
- 2016/04/15 17:58
田中 様
ありがとうございます。
Owl Carousel 2 で再度試しました。
エンドレスで続くスライドにできました。
しかしまた問題が………（省略）………
ありがとうございます。
Owl Carousel 2 で再度試しました。
エンドレスで続くスライドにできました。
しかしまた問題が………（省略）………
- 返信者：非公開
- 2016/04/15 22:06
ECマスターズの田中です。
＞１．現在、左から右に流れていますが、逆にしたい。
Owl Carousel 2のオプションにはありませんでしたが、
………（省略）………
＞１．現在、左から右に流れていますが、逆にしたい。
Owl Carousel 2のオプションにはありませんでしたが、
………（省略）………
- 返信者：非公開（質問者）
- 2016/04/18 18:41
田中 様
お世話になっています。
おかげ様でかなり希望通りの動きになってきました。
あとひとつだけ希望があります。
当店トップページにあるラ………（省略）………
お世話になっています。
おかげ様でかなり希望通りの動きになってきました。
あとひとつだけ希望があります。
当店トップページにあるラ………（省略）………
- 返信者：非公開
- 2016/04/18 20:21
ECマスターズの田中です。
確認させていただいたところ、
GOLDに設置されているowl.carousel.min.jsのバージョンが古いことが原因で、………（省略）………
確認させていただいたところ、
GOLDに設置されているowl.carousel.min.jsのバージョンが古いことが原因で、………（省略）………
- 返信者：非公開（質問者）
- 2016/04/20 17:15
田中様
お世話になっています。
だいぶ形になったので、本日、本サイトにアップしました。
すると、右端が少しだけ、次のバナーが見えています。
………（省略）………
お世話になっています。
だいぶ形になったので、本日、本サイトにアップしました。
すると、右端が少しだけ、次のバナーが見えています。
………（省略）………
- 返信者：非公開
- 2016/04/20 19:11
ECマスターズの田中です。
私にて確認したところ、
IEの場合、右端にスクロールバーが表示されることを予測して
画像のサイズが少し小さめに設定されるよ………（省略）………
私にて確認したところ、
IEの場合、右端にスクロールバーが表示されることを予測して
画像のサイズが少し小さめに設定されるよ………（省略）………
- 返信者：非公開（質問者）
- 2016/04/20 19:12
追加で質問です。
スマホでPCページを開くとうまく表示されていませんでした（汗）
自分が確認したのはiPhone6sです。
こちらの解決策も合わせて教………（省略）………
スマホでPCページを開くとうまく表示されていませんでした（汗）
自分が確認したのはiPhone6sです。
こちらの解決策も合わせて教………（省略）………
- 返信者：非公開
- 2016/04/20 20:33
ECマスターズの田中です。
私にて、iPhone6sでPCのトップページを開いたところ
Safari、Chrome共に問題なく表示されておりました。
………（省略）………
私にて、iPhone6sでPCのトップページを開いたところ
Safari、Chrome共に問題なく表示されておりました。
………（省略）………
- 返信者：非公開（質問者）
- 2016/04/21 09:03
田中 様
お世話になっております。
先の質問、タイミング悪くお返事できておりませんでした…。
scrolling="no"を加えたら希望通りの表示………（省略）………
お世話になっております。
先の質問、タイミング悪くお返事できておりませんでした…。
scrolling="no"を加えたら希望通りの表示………（省略）………
このフォーラムへの質問は終了しました
質問を検索する