2017-08-30 40 views
0

我目前正在創建代碼塊以保存最多20個名稱。我有代碼工作,創建20個名稱增量的div塊,直到數據集爲空。PHP:將圖像自動添加到不同位置的mysql行輸出塊中

我到目前爲止有:

function query_groups(){ 
    //connection string here 
    $query = "SELECT name FROM table WHERE group BETWEEN 6 AND 8 ORDER BY 'id' "; 
    $result = mysqli_query($link, $query); 

     /* fetch associative array */ 
     $counter = 1; 
     echo '<div id="dynamic-blocks" class="row">'; 
     echo '<ul class="dynamic-block-items">'; 
      while ($row = mysqli_fetch_row($result)) { 
       echo "<li>" . $row[0] . "</li>"; 
        if($counter % 20 == 0) { 
         //If we are at the end of the dataset, close it. 
         echo '</ul></div><div id="dynamic-blocks" class="row"><ul class="dynamic-block-items">'; 
        } 
       $counter++; 
     } 
     echo '</ul></div>'; //close all tags.  
return $result;  
} 

我需要做的還是什麼:

插入圖像(我有一個爲每個組),爲1 3的不同位置每塊。

選項包括: 之初組輸出 中學組輸出的 結束組輸出的

所呈現的數據應該是什麼樣子:

enter image description here

+1

循環會變得更復雜,因爲您需要執行模運算來確定您所在的行是否在設置圖像位置。我會先做,然後爲名稱添加輸出。 –

+0

謝謝@JayBlanchard我現在正在努力。我可以在每個區塊中顯示圖像。但是,我仍然無法讓圖像在順序中旋轉。 – Johanna

回答

1
$myimages = array("img1.jpg","img2.jpg"); 

[...] 

$counter = 1; 

//like so ? 
echo '<div id="divwithmyimage">'; 
echo '<img src="'.$myimages[$whateverwayIchosetopickone].'" />'; 
echo '</div>'; 
//-------- 

echo '<div id="dynamic-blocks" class="row">'; 
echo '<ul class="dynamic-block-items">'; 

[...] 

尖的在對OP的評論中,你當然需要選擇一種你喜歡告訴它你想要的圖像的方式爲每一行。一系列圖像和計數器可能會或可能不會,你最瞭解你的環境。

編輯:對不起,我在想JS。陣列已更正。

更多編輯:統計你所在的行,並用開關或幾個簡單的if填充或清空「$盒子」。因此第1行(或0)將會看到$ startbox =「div與圖像」,$ middlebox =「」,$ endbox =「」等等。

echo $startbox; 
echo '<div id="dynamic-blocks" class="row">'; 
echo '<ul class="dynamic-block-items">'; 
while ($row = mysqli_fetch_row($result)) { 
    echo "<li>" . $row[0] . "</li>"; 
    if($counter % 20 == 0) { 
     //If we are at the end of the dataset, close it. 
     echo '</ul></div>'.$middlebox.'<div id="dynamic-blocks" class="row"><ul class="dynamic-block-items">'; 
    } 
    $counter++; 
} 
echo '</ul></div>'.$endbox; //close all tags. 
+0

謝謝@deg!我正處於時間緊縮之中,我非常欣賞這個方向。測試出來並將回報。 – Johanna

+0

謝謝!我有圖像溢出到框中,獲得定位是最後一步。好極了! – Johanna

相關問題