2017-06-05 53 views
0

我想創建一個畫廊..每3個圖像我需要創建一個新的div並重新開始(嘗試將此html轉換爲php-sql ) enter image description here創建一個新的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,但我得到的每一個圖像的其他向下沒有像圖片那樣的三排圖像.. enter image description here 這就是我得到的

我還應該做什麼?

我需要每3個IMGS創建

 <div class=" bd-layoutcontainer bd-columns bd-no-margins"> 
     .............. 
    </div> 

和DIV從未乘以3,我只是得到了一個DIV回

+0

你可以包含你所得到的截圖嗎?如果我不能幫助,其他人也許能夠。 –

+0

顯示你的CSS。嘗試使用float:left作爲bd-layoutcontainer類。因爲我沒有看到你的風格,我不能完全知道它的工作原理。 – AMH

+0

@AMH我有相同的css ...我用html創建了這個庫,並試圖將它轉換爲php ..所以它不是關於css – Maria

回答

0
</div> 
<div class=" bd-layoutcontainer bd-columns bd-no-margins"> 

我想,如果聲明$ I%3 == 0您應該添加關閉標籤並創建一個新的div。希望解決您的問題。

+0

這意味着需要一個高於此值的開啓div,這不在它們的發佈代碼中。 –

+0

還有更多。你應該把他們的代碼放在一個(代碼)編輯器中。 –

+0

是的。我的意思是第一次打開和關閉外部「如果語句$ i%3 == 0」div和內部添加關閉div和添加開放div如果不是結束循環。 –

相關問題