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

質問編集履歴

6

ベストアンサー後の修正

2018/05/11 05:16

投稿

kirin311
kirin311

スコア53

title CHANGED
File without changes
body CHANGED
@@ -66,4 +66,25 @@
66
66
  ・console.log出力結果
67
67
  長すぎるため一部ではありますが、必要と思われる個所開いて画像にいたしました。
68
68
  黒で塗りつぶしているところは、会社のURLなので申し訳ありませんがサブのディレクトリまでしか出せないです。
69
- ![console.log結果](3ae0be4ecefe18278a43bb4f27d09e49.jpeg)
69
+ ![console.log結果](3ae0be4ecefe18278a43bb4f27d09e49.jpeg)
70
+
71
+
72
+
73
+
74
+ ### ベストアンサー後の修正
75
+ 画像取得できたものの、2件だけしか表示しなくなりました。
76
+
77
+ ```Jquery
78
+ api.listEntries(siteId, params, function(response) {
79
+ if (response.error) {
80
+ return;
81
+ }
82
+ for (i=0; i< response.items.length; i++) {
83
+ //jQuery('#result').append($('<li>').append(response.items[i].title));
84
+
85
+
86
+ for (j = 0; j < response.items[i].assets.length; j++) {
87
+ jQuery('#title').append('<div class=\"box\"><div id=\"all_p\"><img src="'+ response.items[i].assets[j].url + '"width="300px" height="250px"><span id=\"bg\">' + response.items[i].createdDate + '</span><br><a href="'+ response.items[i].permalink + '">' + '<span id="post_title">' + response.items[i].title + '</span></a><br>' + '<div id=\"details_right\"><a href="'+ response.items[i].permalink + '">詳細はこちら\>\>'+'</a></div></div></div></div></p>');
88
+ }
89
+ }
90
+ ```

5

修正

2018/05/11 05:16

投稿

kirin311
kirin311

スコア53

title CHANGED
File without changes
body CHANGED
@@ -61,7 +61,7 @@
61
61
 
62
62
  ###追記
63
63
  ・エラー表示のコメントの件について
64
- エラーの表示はなく、Chromeの検証(F12)で確認しましたところ<img src="[object Object]">でありました。
64
+ エラーの表示はなく、 console.log(response.items[i])を使ってChromeの検証(F12)で確認しましたところ<img src="[object Object]">でありました。
65
65
 
66
66
  ・console.log出力結果
67
67
  長すぎるため一部ではありますが、必要と思われる個所開いて画像にいたしました。

4

コード修正

2018/05/11 02:23

投稿

kirin311
kirin311

スコア53

title CHANGED
File without changes
body CHANGED
@@ -5,9 +5,11 @@
5
5
  ・新着記事内に添付された画像の表示がしたい。
6
6
  →新着5件表示の上で記事内で添付された画像をサムネイル画像として表示させたいです。
7
7
 
8
+
8
9
  ###
9
10
  JQuery
10
11
  ```
12
+ 修正前
11
13
  <script>
12
14
 
13
15
  const api = new MT.DataAPI({
@@ -34,6 +36,19 @@
34
36
  </script>
35
37
  ```
36
38
 
39
+ Jquery
40
+ ```
41
+ 修正前
42
+ jQuery('#img').append('<img src="'+ response.items[i].assets + '">' + 'img');
43
+
44
+ 修正後
45
+ jQuery('#img').append('<img src="'+ response.items[i].assets[i].url + '">');
46
+
47
+
48
+ ```
49
+
50
+
51
+
37
52
  ### 試したこと
38
53
 
39
54
  jQuery('#img').append('<img src="'+ response.items[i].assets + '">');

3

追記

2018/05/11 02:15

投稿

kirin311
kirin311

スコア53

title CHANGED
File without changes
body CHANGED
@@ -50,4 +50,5 @@
50
50
 
51
51
  ・console.log出力結果
52
52
  長すぎるため一部ではありますが、必要と思われる個所開いて画像にいたしました。
53
+ 黒で塗りつぶしているところは、会社のURLなので申し訳ありませんがサブのディレクトリまでしか出せないです。
53
54
  ![console.log結果](3ae0be4ecefe18278a43bb4f27d09e49.jpeg)

2

console.log結果画像の追加

2018/05/11 00:40

投稿

kirin311
kirin311

スコア53

title CHANGED
File without changes
body CHANGED
@@ -46,4 +46,8 @@
46
46
 
47
47
  ###追記
48
48
  ・エラー表示のコメントの件について
49
- エラーの表示はなく、Chromeの検証(F12)で確認しましたところ<img src="[object Object]">でありました。
49
+ エラーの表示はなく、Chromeの検証(F12)で確認しましたところ<img src="[object Object]">でありました。
50
+
51
+ ・console.log出力結果
52
+ 長すぎるため一部ではありますが、必要と思われる個所開いて画像にいたしました。
53
+ ![console.log結果](3ae0be4ecefe18278a43bb4f27d09e49.jpeg)

1

追記

2018/05/11 00:39

投稿

kirin311
kirin311

スコア53

title CHANGED
File without changes
body CHANGED
@@ -3,8 +3,8 @@
3
3
  ### 前提・実現したいこと
4
4
 
5
5
  ・新着記事内に添付された画像の表示がしたい。
6
+ →新着5件表示の上で記事内で添付された画像をサムネイル画像として表示させたいです。
6
7
 
7
-
8
8
  ###
9
9
  JQuery
10
10
  ```
@@ -41,4 +41,9 @@
41
41
 
42
42
  ### 補足情報(FW/ツールのバージョンなど)
43
43
 
44
- Movable Type Pro version 6.3.7
44
+ Movable Type Pro version 6.3.7
45
+
46
+
47
+ ###追記
48
+ ・エラー表示のコメントの件について
49
+ エラーの表示はなく、Chromeの検証(F12)で確認しましたところ<img src="[object Object]">でありました。