Question

我想从我的数据库中使用8个图像并将它们加载到HTML表中。我想在每个表格行中显示4个图像，但是当我在下面运行我的代码时，我似乎将所有图像放在一个表格行中。任何帮助都会很棒。提前谢谢。

$count = $get->rowCount();

        if ($count > 0)
        {
            echo '<table id="" class="uiGrid _51mz _1m6c" cellpadding="2" cellspacing="0">';

            $i = 0;

            while ($r = $get->fetch(\PDO::FETCH_OBJ))
            {   
                $globals = new \Libraries\Helpers\Views\Globals;

                if ($i == 0)
                {
                    echo '<tr class="_51mx">';
                }

                echo '
                    <td class="_51m-">
                        <a href="/e/a/'.$r->data_id.'">
                            <div class="uiScaledImageContainer _f-u2" style="width:74px;height:74px;">
                                <img class="scaledImageFitWidth img" src="https://gstatic.acfee.org/akamaihd/i/'.$globals->data_image_name($r->data_id).'">
                                <div class="_3s6x">
                                    <div class="_50f3"></div>
                                </div>
                            </div>
                        </a>
                    </td>
                     ';

                if ($i > 4)
                {
                    $i = 0;
                    echo '</tr>';
                };

                $i++;

                echo '
                     <script type="text/javascript">
                        $("#favs-preloader").hide();
                     </script>
                     ';
            }

            echo '</table>';

Answer 1

在您当前的代码中，您要验证$i变量是否为== 0才能添加行。但即使你在if($i > 4)

中将其设置为零，你最终也会增加它的价值。

更改这些行

if ($i > 4)
{
    $i = 0;
    echo '</tr>';
};

$i++;

对此：

if ($i > 4)
{
    $i = 0;
    echo '</tr>';
}
else
$i++;

Answer 2

直接输入此代码即可...

echo '<table id="" class="uiGrid _51mz _1m6c" cellpadding="2" cellspacing="0">';
    $i = 0;
    while ($r = $get->fetch(\PDO::FETCH_OBJ))
    {   
        $globals = new \Libraries\Helpers\Views\Globals;
        $i++;
        if ($i == 1)
        {
            echo '<tr class="_51mx">';
        }
        echo '
            <td class="_51m-">
                <a href="/e/a/'.$r->data_id.'">
                    <div class="uiScaledImageContainer _f-u2" style="width:74px;height:74px;">
                        <img class="scaledImageFitWidth img" src="https://gstatic.acfee.org/akamaihd/i/'.$globals->data_image_name($r->data_id).'">
                        <div class="_3s6x">
                            <div class="_50f3"></div>
                        </div>
                    </div>
                </a>
            </td>
             ';
        if ($i >= 4)
        {
            echo '</tr>';
            $i = 0;
        };
        echo '
             <script type="text/javascript">
                $("#favs-preloader").hide();
             </script>
             ';
    }
    echo '</table>';

PHP：每个表行显示3个td的数据

2 个答案: