質問編集履歴
3
cssコードの追加
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -51,7 +51,25 @@
|
|
|
51
51
|
```ここに言語を入力
|
|
52
52
|
<ul class="instagram"></ul>
|
|
53
53
|
```
|
|
54
|
+
・cssコード
|
|
55
|
+
```ここに言語を入力
|
|
56
|
+
#ig ul.instagram img {
|
|
57
|
+
object-fit: cover;
|
|
58
|
+
width: 100%;
|
|
59
|
+
height: auto;
|
|
60
|
+
}
|
|
54
61
|
|
|
62
|
+
#ig ul.instagram {
|
|
63
|
+
width: 1000px;
|
|
64
|
+
}
|
|
65
|
+
|
|
66
|
+
#ig ul.instagram li {
|
|
67
|
+
float: left;
|
|
68
|
+
overflow: hidden;
|
|
69
|
+
width: 20%;
|
|
70
|
+
height: 195px;
|
|
71
|
+
}
|
|
72
|
+
```
|
|
55
73
|
###試したこと
|
|
56
74
|
object-fit:cover;を使用して、正方形にトリミングをしてみましたが、
|
|
57
75
|
object-fitはpxでの指定しかできない？ようで、レスポンシブになりませんでした。
|
2
<code>の使用忘れ。
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -57,6 +57,7 @@
|
|
|
57
57
|
object-fitはpxでの指定しかできない？ようで、レスポンシブになりませんでした。
|
|
58
58
|
|
|
59
59
|
・正方形の画像取得ができるようなのですが、以下のコードを組み込むと画像取得すらできませんでした。
|
|
60
|
+
```ここに言語を入力
|
|
60
61
|
<?php
|
|
61
62
|
define('INSTAGRAM_ACCESS_TOKEN', 'XXXXXXXXX.XXXXXXX.XXXXXXXXXXXXXXXXXXXXXXXXXXX'); // アクセストークン
|
|
62
63
|
$user_id = 'XXXXXXXXX'; // ID（アクセストークンの先頭10桁の数字）
|
|
@@ -67,4 +68,5 @@
|
|
|
67
68
|
echo '<a href="' . $photo->link . '" target="_blank"><img src="' . $photo->images->standard_resolution->url . '"></a>' . "\n";
|
|
68
69
|
}
|
|
69
70
|
?>
|
|
71
|
+
```
|
|
70
72
|
###補足情報(言語/FW/ツール等のバージョンなど)
|
1
ご指摘ありがとうございます。<code>を追加致しました。
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -8,6 +8,7 @@
|
|
|
8
8
|
|
|
9
9
|
###該当のソースコード
|
|
10
10
|
・javascriptコード
|
|
11
|
+
```ここに言語を入力
|
|
11
12
|
$(function(){
|
|
12
13
|
var $container = $(".instagram");
|
|
13
14
|
var html = "";
|
|
@@ -31,8 +32,9 @@
|
|
|
31
32
|
$container.html(html);
|
|
32
33
|
});
|
|
33
34
|
});
|
|
34
|
-
|
|
35
|
+
```
|
|
35
36
|
・phpコード
|
|
37
|
+
```ここに言語を入力
|
|
36
38
|
<?php
|
|
37
39
|
//POSTリクエストの場合のみ受付
|
|
38
40
|
if($_SERVER['REQUEST_METHOD'] == 'POST'){
|
|
@@ -44,9 +46,11 @@
|
|
|
44
46
|
exit;
|
|
45
47
|
}
|
|
46
48
|
?>
|
|
47
|
-
|
|
49
|
+
```
|
|
48
50
|
・htmlコード
|
|
51
|
+
```ここに言語を入力
|
|
49
52
|
<ul class="instagram"></ul>
|
|
53
|
+
```
|
|
50
54
|
|
|
51
55
|
###試したこと
|
|
52
56
|
object-fit:cover;を使用して、正方形にトリミングをしてみましたが、
|