在1個div函數中顯示和隱藏的php循環

Question

我對此很陌生，如果我不清楚我要做什么，我也深表歉意。

在我的數據庫中，如果我單擊相應的div會顯示一個覆蓋層，則我有2張圖像和有關腿部護甲的信息：

    <div class="legs">
       <a id="legs" onclick="legShow();"></a>
    </div>

    <div id="LegItems" >

<?php
$sqlleg = "SELECT * FROM items
WHERE part = 'legs'";
$legquery = mysqli_query($con, $sqlleg) or die (mysqli_error($con));

$rowleg = mysqli_fetch_row($legquery);


while($legf = mysqli_fetch_assoc($legquery))
{
?>
    <img id="legArmor" src="<?php echo $legf['image']; ?>" onclick="legHide()"/>
<?php
}
?>

和功能：

    <script>

function legShow() {
                var LegItems = document.getElementById('LegItems');
                LegItems.style.display = 'block';
                LegItems.style.z-index = 400;
}

function legHide() {
                var legs = document.getElementById("legs");
                var LegItems = document.getElementById('LegItems');
                LegItems.style.display = 'none';
                legs.innerHTML = "<img src='<?php echo $legf['image']; ?>' width=80; height=120;>"

}


</script>

問題是：當我單擊腿div時，覆蓋層確實打開了，但是我只看到1張圖像，而不是2張。（僅最后一張）

第二個問題是leg div是一個空的正方形，如果單擊它會打開帶有腿圖片的覆蓋圖。 我想要單擊的腿部圖片來填充空白框。

如果不清楚，我再次道歉。 （我是荷蘭人：D）

Answer 1

嘗試評論此行

$rowleg = mysqli_fetch_row($legquery);

這條線將指針移動到下一行，僅顯示最后一張圖像。 在第二個問題中，我並沒有完全理解您的意思。 也只能使用一次ID。 如果您需要使用多個，則可以始終使用legArmor [0]，legArmor [1]等