Создание галереи ScreenShot с помощью Twitter Bootstrap

Question

В настоящее время я пытаюсь создать галерею скриншотов. Я выполнил первый шаг, который позволит пользователю загрузить изображение в базу данных mysql.

Вот как изображения галереи представлены в сценарии галереи. К сожалению, я потратил месяцы, улучшив свою способность получать различные вещи в базу данных, но не так много времени, как их брать из базы данных и отображать в удобном для пользователя формате.

Twitter Bootstrap Fluid Grid System
Twitter Bootstrap использует систему сетки жидкости для отображения данных. Вы не должны использовать его, но это делает гораздо более перспективный макет. Теперь в галерее скриншотов нужно отображать строки изображений, а каждая строка имеет ширину 4 столбца. Теперь вот кикер, это структура для каждой строки.

http://pastebin.com/HvBK5rTC

мне нужно генерировать эту строку снова и снова. Но мне нужно, чтобы изображения, которые заполняли его, прекращались на 4, повторяли соответствующие закрывающие divs, эхо открывали divs для другой строки, а эхо - еще четыре изображения, ect и т. Д.

У меня нет никакого кода для этого, потому что я не знаю с чего начать. Я могу предоставить все, что вам нужно, если вы можете просто помочь мне начать работу.

Редактировать Это то, что я придумал до сих пор, но я не знаю, как закрыть <div class="row-fluid"> и открыть новую.

http://pastebin.com/EADji2eh

Answer 1

Вы довольно много там. mysql_* fn's устарели, вы должны использовать PDO и т. Д.

Вы можете делать все, что вам нужно, добавляя внешний контур для управления потоком и используя то, что у вас уже было как внутреннее. Массив результата, он будет автоматически перебирать результирующий набор для вас без необходимости следить за смещение за пределы и т.д.

build_gallery_fn.php:

function image_from_database() { 
      // use a running counter for flow control of the outer loop 
     $runningcount = 0; 

     $r = mysql_query("SELECT DISTINCT logo AS `img` FROM NewsArticles WHERE logo IS NOT NULL AND logo !='';"); 

      //Get # of images in results to use as upper limit for outer loop 
     $img_ct = mysql_num_rows($r); 

     while ($runningcount <= $img_ct){ 

        //rowcount reset to break content blocks 
      $rowcount = 0; 


      echo "<div class=\"row-fluid\">"; 

      $runningcount++; 

        while(($rowcount <= 3) && $row = mysql_fetch_assoc($r)) 
      { 
        $rowcount++; 
        $img = $row['img']; 
        echo '<div class="span2">'; 
        echo "<span class='thumbnail'><img src='attachments/logos/$img'/> Photo # $runningcount of $img_ct</span>"; 
        echo '</div>'; 
      } 
      echo "</div>"; 

     } 
} 

Выходного держатель:

<div class="container"> 
    <h1 class="text-center">The American Pacific Group ScreenShot Gallery</h1> 
    <hr> 

      <?php 
        echo image_from_database(); 
      ?> 

</div>