簡體   English   中英

PHP:自動在不同位置將圖像添加到mysql行輸出塊

[英]PHP: Add images to mysql row output blocks in varying positions automatically

我目前正在創建代碼塊,以容納最多20個名稱。 我的代碼正在創建以20個名稱為增量的div塊,直到數據集為空。

到目前為止,我有:

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;     
}

我仍然需要做的是:

將圖像(每個組一個)插入到每個塊的3個不同位置之一中。

選項是:組輸出的開始組輸出的中間組輸出的結束

呈現的數據應如下所示:

在此處輸入圖片說明

$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填充或清空“ $ boxes”。 因此,第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.

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM