php - 在 html 表格列中显示多个图像

Question

我有一个显示多个图像的 html 行。有时，图像数量超过屏幕宽度。因此，如果 是 3 ( )$columnNumber的除法，我想在下一行显示图像。$columnNumber%3==0

我有以下代码来显示图像：

 $AllCommentImages = explode(",", $jsonArray[$jsonIndex]['Comment_Image']);
 $html.='<tr><td><b>Photos:</b></td></tr>';
 $columnNumber=0;
 $html.='<tr>';
 foreach($AllCommentImages  as $cimg) 
 {
    $commentmysock = getimagesize($cimg);
    $html.='<td><img style="border:15px solid white;border-radius:15px;" src="'.$cimg.'"'.$this->imageResize($commentmysock[0],$commentmysock[1], 200).'/></td>';
    $columnNumber++;                   
 }   
 $html.= '</tr>';

getimagesize用于缩小图片大小，图片均为缩略图大小。我已将此代码用于生成 pdf。我不确定在哪里可以$columnNumber%3==0连续获取 3 张图像。

标签： phphtml

Answer 1

应该像这样工作

$AllCommentImages = explode(",", $jsonArray[$jsonIndex]['Comment_Image']);
$html.='<tr><td><b>Photos:</b></td></tr>';
$columnNumber=0;

foreach($AllCommentImages  as $cimg) 
{
    if($columnNumber%3==0) $html.='<tr>';
    $commentmysock = getimagesize($cimg);
    $html.='<td><img style="border:15px solid white;border-radius:15px;" src="'.$cimg.'"'.$this->imageResize($commentmysock[0],$commentmysock[1], 200).'/></td>';
    $columnNumber++;
    if($columnNumber%3==0) $html.='</tr>';
}   

while($columnNumber%3!=0){
    $html.='<td></td>';
    $columnNumber++;
}

$html.= '</tr>';