MYSQL產品列表網格

所以我試圖從數據庫中提取產品數據並將它列在一個漂亮的網格中。我已經得到了一切工作，它的佈局是非常好的，除了一個問題，圖像URL心不是正確拉：MYSQL產品列表網格

<?php 
while ($row = mysql_fetch_array($query)) 
    $rows[] = $row; 

foreach ($rows as $row){ 
    $etitle = $row['title']; 
    $eprice = $row['price']; 
    $eurl = $row['prod_url']; 
    $eimage = $row['image']; 

    echo ('<div class="col-sm-6 col-md-4"> 
      <div class="card"> 
       <div class="card-image" style="background-image: url("' . $eimage . '");"> 
        <a href="' . $eurl . '"></a> 

        <div class="card-image-rating">'); 
       echo ('£' . $eprice); 
       echo (' 
        </div><!-- /.card-image-rating --> 
       </div><!-- /.card-image --> 

       <div class="card-content"> 
        <h2><a href="' . $eurl . '">'); 

    echo $etitle; 

    echo ('</a></h2> 
     </div><!-- /.card-content --> 

     <div class="card-actions"> 
      <a href="' . $eurl . '" class="card-action-icon"><i class="md-icon">favorite</i></a> 
      <a href="' . $eurl . '" class="card-action-btn btn btn-transparent">Show More</a> 
     </div><!-- /.card-actions --> 
    </div><!-- /.card --> 

</div><!-- /.col-* -->'); 

} ?>

在源代碼和網頁都看起來很好除了他們是沒有圖像。數據庫中的列有一個圖像位置的URL，但在源代碼中，它似乎是從路徑中刪除/。

任何幫助將是驚人的。謝謝，根據你的腳本

來源

2016-12-14 Lucas Abraham

是您的價值圖像變量包含圖像的完整路徑。如果沒有，那麼你需要證明圖像目錄的路徑，並從數據庫中放置圖像的文件名。首先檢查你在圖像變量上從數據庫中得到了什麼。 – webDev

，我發現了一些不順心

<div class="card-image" style="background-image: url("' . $eimage .'");">

你在樣式部分使用雙引號

你的HTML看起來像這樣

<div class="card-image" style="background-image: url(" ");">

這應該不是那樣的。

，你必須使用撇號內的風格，因爲u使用引號樣式

你的HTML應該喜歡這個

<div class="card-image" style="background-image: url(' ');">

這裏，一個例子給你 https://jsfiddle.net/have_full/kass6ukr/

來源

2016-12-14 05:19:06 Windy

MYSQL產品列表網格

回答

相關問題