Bootstrap缩略图不会打印从数据库中检索到的图像

时间:2014-07-26 18:49:31

标签: twitter-bootstrap thumbnails

我无法显示从文件夹中检索到的图像。

使用产品名称和ID检索图像     

 $q="SELECT * FROM products ORDER BY product_id ASC LIMIT 8";
  $res=mysql_query($q);

  while($row=mysql_fetch_array($res)) {
                    $pid=$row[0];
                    $pname=$row[1];
                    $pprice=$row[2];
                    $pcategory=$row[3];
                    $psubcategory=$row[4];
                    $pdetails=$row[5];
                    $pdimg= '<img src="../product_images/'.$pname.'-'.$pid.'.jpeg" height="200px" width="200px"><br>';

  echo "
  <div class=\"col-md-3\">
    <div class=\"thumbnail\">
      <span> $pdimg </span>
      <div class=\"caption\">

        <p>$pdetails</p>
        <p><a href=\"#\" class=\"btn btn-primary\" role=\"button\">Button</a> <a href=\"#\" class=\"btn btn-default\" role=\"button\">Button</a></p>
      </div>
    </div>
  </div>";

  }

1 个答案:

答案 0 :(得分:0)

试试这段代码。

echo '
  <div class=\"col-md-3\">
    <div class=\"thumbnail\">
      <span>'.$pdimg.'</span>
      <div class=\"caption\">
        <p>'.$pdetails.'</p>
        <p><a href=\"#\" class=\"btn btn-primary\" role=\"button\">Button</a> <a href=\"#\" class=\"btn btn-default\" role=\"button\">Button</a></p>
      </div>
    </div>
  </div>"';

我希望这会对你有所帮助。