Question

这是我的代码，我正在使用bootstrap 3.x.x：

<div class="row ">
     <div class="col-xs-6">
              <h3>Gallery</h3>
          <?php
          $query=mysql_query("select * from tbl_gallery")or die(mysql_error());
          while($row=mysql_fetch_array($query))
          {
           $id=$row['Photo_ID'];
           ?>
           <a class="thumbnail" href="adminln/<?php echo $row['Photo']; ?>" > <img class="img-inline" src="adminln/<?php echo $row['Photo']; ?>" alt="http://placehold.it/700x400"/>
           </a>
           <?php } ?>
       </div>
   </div>

Answer 1

这是一个使用Bootstrap和3列缩略图库的版本。每张图片的大小均为150x150。在此示例中，您应该具有以下三个数据库列：image，title和description（以及可能还有主键ID列）。强烈建议使用mysqli扩展并远离mysql;甚至更好，使用PDO来保护不被弃用的代码以及SQL注入等。

＆＃39;图像＆＃39;包含.jpg文件的实际名称，例如＆＃34; chickens.jpg＆＃34;
＆＃39;名称＆＃39;包含IMG ALT属性的图像名称
＆＃39;说明＆＃39;包含图像描述

此示例代码未经测试

<digits>

Answer 2

<div class="row">
     <?php 
     $query = mysql_query("select * from tbl_gallery")or die(mysql_error());    
     while($row = mysql_fetch_array($query))
     { 
       $id=$row['Photo_ID'];
     ?>
       <div class="col-md-4">
          <a  href="adminln/<?php echo $row['Photo']; ?>" class="thumbnail">
             <img src="adminln/<?php echo $row['Photo']; ?>"alt="..." class="img-rounded img-responsive">
         </a>
      </div>
    <?php  } ?>
</div>

如何在bootstrap thumbnail 3列视图中显示数据库中的图像？

2 个答案: