1 回答

TA貢獻(xiàn)1815條經(jīng)驗(yàn) 獲得超13個(gè)贊
這是如何呈現(xiàn) html 的示例。使用以下選項(xiàng),您可以按照您想要的方式更改幾乎每個(gè)類別。
<div class="owl-carousel owl-theme owl-loaded">
? ? ?<div class="owl-stage-outer">
? ? ? ? ? <div class="owl-stage">
? ? ? ? ? ? ? <div class="owl-item">...</div>
? ? ? ? ? ? ? <div class="owl-item">...</div>
? ? ? ? ? ? ? <div class="owl-item">...</div>
? ? ? ? ? </div>
? ? ?</div>
</div>
while循環(huán)將顯示數(shù)據(jù)庫(kù)中的所有圖像,直到您不限制查詢,因此,您不需要指定每個(gè)圖像。
while 循環(huán)中的 php 代碼應(yīng)如下所示:
? <div class="owl-carousel owl-theme owl-loaded">
? ? ? <div class="owl-stage-outer">
? ? ? ? ? <div class="owl-stage">? ? ??
? ? ? ?<?php while($row = mysqli_fetch_assoc($select_operator_one_strat)){ ?>
? ? ? ? ? ? <div class="owl-item">
? ? ? ? ? ? ? ? <img src="path-to-image/<?php echo $row['image-name']; ?>" />
? ? ? ? ? ? </div>
? ? ? ?<?php }?>
? ? ? ? ? </div>
? ? ? </div>
? </div>
但是您正在嘗試顯示特定圖像,因此您的代碼應(yīng)該如下所示,無(wú)需 while 循環(huán):
? <div class="owl-carousel owl-theme owl-loaded">
? ? ? <div class="owl-stage-outer">
? ? ? ? ? <div class="owl-stage">? ? ??
? ? ? ?<?php $row = mysqli_fetch_assoc($select_operator_one_strat);?>
? ? ? ? ? ? <div class="owl-item">
? ? ? ? ? ? ? ? <img src="path-to-image/<?php echo $row['image-1']; ?>" />
? ? ? ? ? ? </div>
? ? ? ? ? ? <div class="owl-item">
? ? ? ? ? ? ? ? <img src="path-to-image/<?php echo $row['image-2']; ?>" />
? ? ? ? ? ? </div>
? ? ? ? ? ? <div class="owl-item">
? ? ? ? ? ? ? ? <img src="path-to-image/<?php echo $row['image-3']; ?>" />
? ? ? ? ? ? </div>
? ? ? ? ? ? <div class="owl-item">
? ? ? ? ? ? ? ? <img src="path-to-image/<?php echo $row['image-4']; ?>" />
? ? ? ? ? ? </div>
? ? ? ? ? </div>
? ? ? </div>
? </div>
- 1 回答
- 0 關(guān)注
- 126 瀏覽
添加回答
舉報(bào)