データベースからイメージを取得し、表示してリンクにアタッチします

Question

私のDBにイメージが保存されていますが、それらをすべて取得してブラウザに表示します。それはうまく動作しますが、ユーザーに画像をクリックして画像をよりよく見せることができます（元のサイズで表示できます）。私は多くのことを試みたが、うまくいかなかった。 2番目の質問：画像の種類（画像を挿入するとき）を保存しなくても、複数の画像タイプ（gif、jpgなど）をサポートするコードを作成したい場合は、 （もし私がそれらを取得する）if/elseの束？
これは、あなたが任意のライトボックスを使用する必要があなたの最初の質問への答えは、サムネイルのより大きな（元のサイズ）を表示するために、「あなたはライトボックスjQueryプラグインを使用する必要があります」です私のコード

$count = 0; 
     echo " <div class=\"row\">"; 
    while($row = $result->fetch_assoc()) { 

     $imagename = base64_encode($row['Image']); 
     if(($count%3) ==0){ 
     echo "</div>"; 
     echo " <div class=\"row\">"; 

      echo " <div class=\"col-sm-2\">"; 
      echo " <a href=\"$imagename.jpeg\" class=\"thumbnail\">"; 
      echo '<img src="data:image/jpeg;base64,'.base64_encode($row['Image']).'" style=\"width:130px;height:130px\"/>'; 
      echo"</a></div>";  


     ++$count; 

     }else{ 
       echo " <div class=\"col-sm-2\">"; 
      echo " <a href=\"$imagename.jpeg\" class=\"thumbnail\">"; 
      echo '<img src="data:image/jpeg;base64,'.base64_encode($row['Image']).'" style=\"width:130px;height:130px\"/>'; 
      echo"</a></div>"; 
      ++$count; 

     } 

    } 
echo "</div>" ; 

Answer 1

ですプラグイン、私はこの1つを使用することをお勧めします http://www.jqueryscript.net/zoom/Responsive-jQuery-Lightbox-Like-Image-Zooming-Plugin-Lighter.html または他のプラグインを検索することができます、それらの何千もあります。

2番目の質問については、データを画像ソースとして使用する場合は、タイプを指定する必要があります。タイプを指定しなくてもそのタイプを指定することはできません。