フォルダをループして、その中の画像をhtmlリストに出力しようとしています。出力は$bgFinal変数に割り当てる必要があります。
フォルダ内のすべてのアイテムを出力するように管理していますが、実際の既存のアイテムを出力する前に存在しない2つのアイテムも出力しています。
$files = scandir('../admin/js/3rd_party/tctc91_custom/bg');
if ($files !== false)
{
$bgFinal = '<ul>';
foreach($files as $f) {
$bgFinal .= '<li><img src="../admin/js/3rd_party/tctc91_custom/bg/'.$f.'" alt="'.$f.'" id="'.$f.'" /></li>';
}
$bgFinal .= '</ul>';
}
出力の例(bgフォルダーには4つの画像が含まれています):
<ul>
<li><img src="../admin/js/3rd_party/tctc91_custom/bg/." alt="." id="."></li>
<li><img src="../admin/js/3rd_party/tctc91_custom/bg/.." alt=".." id=".."></li>
<li><img src="../admin/js/3rd_party/tctc91_custom/bg/1.png" alt="1.png" id="1.png" style="opacity: 0.6; "></li>
<li><img src="../admin/js/3rd_party/tctc91_custom/bg/2.png" alt="2.png" id="2.png"></li>
<li><img src="../admin/js/3rd_party/tctc91_custom/bg/3.png" alt="3.png" id="3.png"></li>
<li><img src="../admin/js/3rd_party/tctc91_custom/bg/4.png" alt="4.png" id="4.png" style="opacity: 0.6; "></li>
</ul>