php（Codeigniter）のフォルダから画像を取得する方法

Question

私は最近私のウェブサイトプロジェクトでギャラリーを作ろうとしています。私はこれをPHPで表示するのに成功しました。 （私はギャラリーフォルダ内のすべての画像を取得します）。

<section id="portfolio"> 
    <div class="container"> 
     <div class="row"> 
      <?php 
      $dirname = "./assets/images/gallery/"; 
      $images = glob($dirname."*.jpg"); 

      foreach($images as $image) { 
       echo //'<img src="'.$image.'" /><br />'; 

     "<div class='col-xs-6 col-sm-4 col-md-3 portfolio-item branded folio'> 
      <div class='portfolio-wrapper'> 
       <div class='portfolio-single'> 
        <div class='portfolio-thumb'> 
        <img src='.$image.' class='img-responsive' alt=''> 
        </div> 
        <div class='portfolio-view'> 
         <ul class='nav nav-pills'> 
          <li><a href='gallerydetail'><i class='fa fa-link'></i></a></li> 
          <li><a href='assets/images/portfolio/2.jpg' data-lightbox='example-set'><i class='fa fa-eye'></i></a></li> 
         </ul> 
        </div> 
       </div> 
       <div class='portfolio-info'> 
        <h2>Sailing Vivamus</h2> 
       </div> 
      </div> 
     </div>"; 
    } 
    ?> 

の問題は、私はこの画像を表示する「モーダル」を使用しています、私は本当にこの部分で作業する方法がわからないされています。

<li><a href='assets/images/portfolio/2.jpg' data-lightbox='example-set'><i class='fa fa-eye'></i></a></li> 

同じ画像を画面部分+モーダル内に表示するにはどうすればよいですか。

Answer 1

忘れてしまいました。これは私が解決した方法です。愚かな私XDXDXDしかし、見てくれてありがとう。私は、これは

<li><a href='.$image.' data-lightbox='example-set'><i class='fa fa-eye'></i></a></li> 

Answer 2

use a plugin for view 

like jequery light box 
fancy box 
and pretty photo 
check this 

Pretty photo