Question

我对此有点新鲜，如果我不清楚我想做什么，我也会道歉。

在我的数据库中，我有2张图片和关于腿部装甲的信息，如果我点击相应的div显示叠加层：

    <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个。（只有最后一个）

第二个问题是腿部div是一个空方块，如果点击则打开带有腿部图片的叠加层。我想要点击的腿部图片填充空白方块。

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

Answer 1

尝试评论此行

$rowleg = mysqli_fetch_row($legquery);

此行将指针移动到下一行，这样只会显示最后一个图像。在你的第二个问题中我没有明白你的意思。也只使用id一次。如果你需要使用多个，你总是可以使用legArmor [0]，legArmor [1]等

Php循环显示1并隐藏div功能

1 个答案: