質問編集履歴
1
検証結果
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
|
+
上記、間違っておりますでしょうか?
|