機能実装 #1: インスタグラム表示
Added by Izumi Kawashima almost 7 years ago. Updated almost 7 years ago.
100%
Description
0b2c4c03 のhtmlbase/index.html
インスタグラム一覧およびインスタグラム詳細についてです。
ご提示いただいているindex.htmlですが、insta-areaのHTML構造のうち、リスト表示の部分について一部変更をお願いできませんでしょうか。
具体的には、のリスト部分だけを囲むようにのdiv要素を1段階加えさせていただけませんでしょうか。
REST APIから取得したデータをもとに動的にHTMLを再構築する際、リストをいったん全て削除してから要素を作り直す処理を行うため、リスト以下の要素だけを全削除できるようにdivを挟ませていただきたい所存です。
ご検討ください。宜しくお願いいたします。
上記ありがとうございます。下記の通りの構造にさせていただきます！
※CDの際は装飾要素等でもう少しhtmlの要素が増えると思いますので
あくまでもベースになります。
<div id="insta-list-items">
<button id="insta_list1_button"><img class="insta-image-list1"/></button>
<button id="insta_list2_button"><img class="insta-image-list2"/></button>
<button id="insta_list3_button"><img class="insta-image-list3"/></button>
<button id="insta_list4_button"><img class="insta-image-list4"/></button>
<button id="insta_list5_button"><img class="insta-image-list5"/></button>
<button id="insta_list6_button"><img class="insta-image-list6"/></button>
<button id="insta_list7_button"><img class="insta-image-list7"/></button>
<button id="insta_list8_button"><img class="insta-image-list8"/></button>
<button id="insta_list9_button"><img class="insta-image-list9"/></button>
<button id="insta_list10_button"><img class="insta-image-list10"/></button>
<button id="insta_list11_button"><img class="insta-image-list11"/></button>
<button id="insta_list12_button"><img class="insta-image-list12"/></button>
<button id="insta_list13_button"><img class="insta-image-list13"/></button>
<button id="insta_list14_button"><img class="insta-image-list14"/></button>
<button id="insta_list15_button"><img class="insta-image-list15"/></button>
<button id="insta_list16_button"><img class="insta-image-list16"/></button>
</div>