我有點新這一點,我也很抱歉,如果我讓它不清楚我想做什麼。Php循環與1顯示和隱藏在div函數
在我的數據庫,我有2個圖像和信息關於腿鎧至極,如果我在corrosponding格單擊顯示覆蓋:
<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)
ID必須是唯一的。你所有的圖像都有相同的ID legian。 – Barmar
我嘗試從圖像中刪除ID,但我仍然只獲得1. ID僅用於使圖像具有一定的高度和寬度。 – user3249657
如果你的意思是它在CSS中,請使用一個類,而不是一個ID。 – Barmar