Question

所以我最近尝试在我的网站项目上制作图库。我成功用PHP显示它。（我得到了gallery文件夹中的所有图片）。

<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

如何从php文件夹中获取图像（Codeigniter）

2 个答案: