※ ChatGPTを利用し、要約された質問です（原文：RSSで取得したURLに文字列を追加と配置？）
RSSでURLに文字列を追加と配置
このQ&Aのポイント
現在googleのAPIを使いRSSからURLと画像を取得しています。URLの末尾に指定した英数字を付加し、画像のレイアウトを４×4に変更したいですがうまくできません。
複数のURLの取得時、どの段階でどのように振り分ければ良いのか分かりません。
CSSでレイアウトを試みましたが、一括で処理されるため途中での区切りでの配置ができません。複数の画像の振り分け方もわかりません。
現在googleのAPIを使いRSSからURLと画像を取得しています。
それで質問なんですが、その取得した(それぞれの)URL末尾に指定した同一の英数字を付加と、
表示する画像のレイアウト(現在は縦一列表示)を４×4とかにしたいとですがうまく出来ません><
複数のURLだと、どの段階で？？どう振り当てて組み込んだら良いのか？？
レイアウトもＣＳＳで試みましたが一括で処理されるので途中で区切っての配置が出来ず；；
複数の画像だとどうやって振り当てていくのかが判りません><
初心者で申し訳ありませんがよろしく願いします。<m(__)m>
<script type="text/javascript" src="googleのapiキー"></script>
<script type="text/javascript">
google.load("feeds", "1");
function initialize()
{ var feed = new google.feeds.Feed("RSSのURL");
feed.setNumEntries(16);
feed.load(function(result) { if (!result.error)
{ var container = document.getElementById("feed");
for (var i = 0; i < result.feed.entries.length; i++)
{var entry = result.feed.entries[i] ;
var gazo = entry.content.match("<img.*jpg.*?>")
if(gazo != null){container.innerHTML += "<p><a href='" + entry.link + "'>" + gazo +"</a></p>" }
var div = document.createElement("div");
container.appendChild(div);
}
}
});
}
google.setOnLoadCallback(initialize);
</script>
<body onload="OnLoad()">
<div id="feed" ></div>
お礼
回答ありがとうございます。 サイズ指定とoverflowを使えばよかったんですね。 float:leftで回りこみまでは出来たんですが、 そのあと、どうやって折り返せば?と悩んでいました。 英数字を付加は自己解決しましたw 寝しなにすると頭が回りが悪かったようでw ありがとうございました<m(__)m>