• 文字サイズ


解決済

コマ送りスライドバナー?の作り方

  • 相談者:非公開
  • 2018/02/01 15:44
お世話になっております。

こちらのショップさんを例にすると…
下記ページの上部にあるスライドバナーのように画面上に8枚、全14枚の商品画像が1コマずつスライドし、且つ一枚一枚各ページにリンクされています。
このようなスライドバナーの作り方を教えてもらえますか?
よろしくお願い致します。

https://item.rakuten.co.jp/SHOP-URL/ITEM-URL/
投稿内容について報告する

今気になってる疑問、
セミナーに参加すれば解決するかも!?
日本全国のネットショップ12,000社が参加!
ネットショップでお悩みがある方はまずはオンラインセミナーへGO!
広告0円で楽天の売上アップ続出!
ECマスターズチャンネルをチェック!
総視聴回数15万回突破!
最新の対策事例やSALE対策など、売上にお困りの方はぜひご視聴ください!

  • 返信者:非公開
  • 2018/02/01 17:17
ECマスターズの田辺です。

まずはこちらのページからJavaScriptファイルをダウンロードし、
ご案内通りにHTMLファイルを作成していただけますで………(省略)………
  • 返信者:非公開(質問者)
  • 2018/02/01 18:23
ご回答ありがとうございます。
ただ大変申し訳ないのですが、根本的な知識がなく初っ端からわかりません。。

>まずはこちらのページからJavaScriptフ………(省略)………
  • 返信者:非公開
  • 2018/02/02 09:57
ECマスターズの田辺です。

承知いたしました。
それでは順を追ってご説明させていただきます。
(難しい内容になりますのでいくつか分けて動作を確認させて………(省略)………
  • 返信者:非公開(質問者)
  • 2018/02/02 11:15
お手数かけます。。
Ribraryにアップデート出来ました。………(省略)………
  • 返信者:非公開
  • 2018/02/02 13:44
ECマスターズの田辺です。

ありがとうございます。
では次の手順をご案内いたします。

以下の記述をコピーして
メモ帳などのテキストエディタに貼り………(省略)………
  • 返信者:非公開(質問者)
  • 2018/02/02 14:56
上記方法で表示確認しました。
何故か画像が縦並びに表示されましたが、一応そのままRibraryにアップデートしました。………(省略)………
  • 返信者:非公開
  • 2018/02/02 19:38
ECマスターズの田辺です。

JavaScriptが正常に動作していないようでして
只今原因を調べております。

バージョンが古い可能性もあり、バージ………(省略)………
  • 返信者:非公開(質問者)
  • 2018/02/02 19:53
了解致しました。
急いでいないので大丈夫です。
引き続きよろしくお願い致します。………(省略)………
  • 返信者:非公開
  • 2018/02/05 18:28
ECマスターズの田辺です。

大変お待たせいたしました。

コマ送りのスライドを作成するために
いくつかプラグインというものがございまして、
始めに………(省略)………
  • 返信者:非公開(質問者)
  • 2018/02/05 19:01
お手数おかけしてます。
4の工程まで完了いたしました。

ちなみに…
<li><img src="画像URL" alt="" width="120" h………(省略)………
  • 返信者:非公開(質問者)
  • 2018/02/05 20:27
追記
試しにイベント告知君を参考に自分で下記をヘッダーに入れてみたところ…

<center><iframe src="作ったHTML"
width=………(省略)………
  • 返信者:非公開
  • 2018/02/06 10:11
ECマスターズの田辺です。

ご協力ありがとうございます。

>枚数も20枚くらいに増やしましたが問題ないでしょうか?何枚入れてもいいんでしょうか?? ………(省略)………
  • 返信者:非公開
  • 2018/02/06 10:20
ECマスターズの田辺です。

画像枚数について追記させていただきます。

コマ送りスライドに入れる画像枚数に制限はございませんが、
多くの画像を入れる………(省略)………
  • 返信者:非公開(質問者)
  • 2018/02/06 13:01
田辺様
無事コマ送りスライドを入れることが出来ましたー!!
1から説明いただき、色々お手数おかけしました。
わかりやすくて大変助かりました!ありがとうござ………(省略)………
このフォーラムへの質問は終了しました