teratail header banner
teratail header banner
質問するログイン新規登録

質問編集履歴

1

検証結果

2017/11/29 07:32

投稿

lingwood
lingwood

スコア41

title CHANGED
File without changes
body CHANGED
@@ -79,4 +79,50 @@
79
79
  時間もなく、とても困っております。
80
80
 
81
81
  申し訳ございませんが、ご教授いただけますよう、
82
- 何卒よろしくお願い申し上げます。
82
+ 何卒よろしくお願い申し上げます。
83
+
84
+
85
+ ###検証
86
+
87
+ T_sa 様
88
+ ありがとうございます。以下のように試行いたしました。
89
+ Instagramには登録してある5枚の画像が
90
+ 320px × 240pxの大きさで縦一列に出力されました。
91
+ ・横に一列になりません。
92
+ また、以下の通りrowsを2にしてあります。
93
+
94
+ いろいろ考えていただき、
95
+ 誠にありがとうございます。
96
+
97
+ ```ここに言語を入力
98
+ 【HTML】
99
+ <div id="slideIg">
100
+ <ul id="instafeed" class="slide"></ul>
101
+ </div>
102
+
103
+ 【JS】
104
+ //インスタグラム
105
+ var feed = new Instafeed({
106
+ get: 'user', //ハッシュタグから取得
107
+ userId: *******, //ユーザーIDを指定
108
+ accessToken: '*********', //アクセストークンを指定
109
+ sortBy:'random', //並び順をランダムに
110
+ links: true , //画像リンク取得
111
+ limit: 20, //取得する画像数を設定
112
+ resolution: 'low_resolution', //画像サイズを設定
113
+ template: '<li><a href="{{link}}"><img src="{{image}}" target="_blank" /></a></li>'
114
+ });
115
+ feed.run();
116
+ $('#slideIg ul').slick({
117
+ slick : '<li>',
118
+ arrows : false,
119
+ autoplay : true,
120
+ autoplaySpeed : 0,
121
+ cssEase : 'linear',
122
+ speed : 5000,
123
+ rows : 2,
124
+ slidesToShow : 4,
125
+ slidesToScroll : 1
126
+ });
127
+ ```
128
+ 上記、間違っておりますでしょうか?