スライドバナー設置

Question

お世話になっております。

弊社サイトTOPに、スライドダーを使って画像をスライド出来るようにしたいのですが、うまくうごませません。

以下のサイトを参考して、　「slick」というのを使ってみようかと思っております。
http://singoro.net/note/jq-slick/

「slick」のサイト　
http://kenwheeler.github.io/slick/
にある、Fadeというのを使ってみようかと思っています。

見よう見まねで、ソースを作ってみたのですが、
だめでした。

どのように設置すればいいでしょうか。

Answer

ECマスターズの塚本です。

別途担当者よりお返事させていただきますので、
多少お時間いただきますが、今しばらくお待ちください。

Answer

ECマスターズの田中です。

「slick」を使ってスライドバナーを作ることもできますが、
ECマスターズクラブ会員限定で無料でご提供している
ECステーションのツールボックス「スライドバナー作成」を使うことで、

HTMLを操作せずにスライドバナーを作ることができ、
最後に自動生成される設置タグを、トップページのHTMLファイルに埋め込むだけで
かんたんにスライドバナーを設置することができます。

是非一度、使ってみてください。
https://ec-masters.club/index.php?ecmtools.1509

Answer

田中様

お世話になっております。
ご返信ありがとうございました。

確かに、スライドバナー設置できました。
しかし、”楽天”のGOLDを経由しているとちょっとよくない為、
「slick」など（ほかのものでもいいのですが、、）を使って、スライドさせたいのですが、

因みにですが、
「slick」を使って、
head内に以下、








$(function(){
	$('.hoge').slick({
		slidesToShow:1,
		slidesToScroll:1,
		autoplay:true,
		autoplaySpeed:2000,
		responsive:[{
			breakpoint: 960,
			settings:{
				arrows: false,
				slidesToShow: 3
	  		}
		},
		{
			breakpoint: 640,
			settings:{
				slidesToShow: 1
			}
		}
		}]
	});
});


body内に以下

  
      
      
      
      
      
      
      
      
      
      
    

を記入してみたのですが、
やはり画像が縦に並んで、スライドになりませんでした。

Answer

ECマスターズの田中です。

内容調査のため、ご返答にお時間をいただいてしまい、
申し訳ありませんでした。

いただいたソースを確認したところ、
JavaScriptの下記部分において、
閉じ括弧の } が、1つ多く記述されていることがわかりました。


responsive:[{
breakpoint: 960,
settings:{
arrows: false,
slidesToShow: 3
}
},
{
breakpoint: 640,
settings:{
slidesToShow: 1
}
}
}]


改めて上記ソースをご確認の上、末尾の }] を ] に
修正していただきますようお願いします。

また、外部JavaScriptや外部スタイルシートファイルは、
GOLDにアップロードしてご利用ください。

外部のURLを利用すると、
その中でさらに外部のファイルを読み込もうとして、
ドメイン違いによるセキュリティーエラーが発生する可能性があります。