我想創建一個畫廊..每3個圖像我需要創建一個新的div並重新開始(嘗試將此html轉換爲php-sql ) 創建一個新的div類行每3個項目從SQL獲取與PHP
我試圖與此PHP代碼
<?php
//get images from database
$query = $con->query("SELECT * FROM images ORDER BY id");
if($query->num_rows > 0){
while($row = $query->fetch_assoc()){
$imagethumb = 'images/thumb/'.$row["file_name"];
$imagefront = 'images/'.$row["file_name"];
$i = 0;
if($i++ % 3 == 0){
?>
<div class=" bd-layoutcontainer bd-columns bd-no-margins">
<div class="bd-container-inner">
<div class="container-fluid">
<div class="row">
<div class="bd-columnwrapper-136 <?php
list($width, $height) = getimagesize($imagethumb);
if($width > 298){
echo 'col-sm-6';
}else{
echo 'col-sm-3';
}
?>">
<?php echo '<div class="bd-layoutcolumn-136 bd-column">
<div class="bd-vertical-align-wrapper">
<div class="bd-hoverbox-6 bd-effect-fade">
<div class="bd-slidesWrapper">' ?>
<a href="<?php echo $imagethumb; ?>" data-fancybox="group" data-caption="<?php echo $row["title"]; ?>" >
<img src="<?php echo $imagefront; ?>" alt="" />
</a>
<?php echo '
</div>
</div>
</div>
</div>'
?>
</div>
</div>
</div>
</div>
<?php
}
}
}
?>
我使用if語句$ I%3 == 0來創建一個新的div,但我得到的每一個圖像的其他向下沒有像圖片那樣的三排圖像.. 這就是我得到的
我還應該做什麼?
我需要每3個IMGS創建
<div class=" bd-layoutcontainer bd-columns bd-no-margins">
..............
</div>
和DIV從未乘以3,我只是得到了一個DIV回
你可以包含你所得到的截圖嗎?如果我不能幫助,其他人也許能夠。 –
顯示你的CSS。嘗試使用float:left作爲bd-layoutcontainer類。因爲我沒有看到你的風格,我不能完全知道它的工作原理。 – AMH
@AMH我有相同的css ...我用html創建了這個庫,並試圖將它轉換爲php ..所以它不是關於css – Maria