0

我有一个包含大量图像的文件夹“blah”。

我想在我的页面中显示我所有的图像。

这是我的html代码:

<div class="cp-thumb cp-masonry cp-thumbs616 masonry-brick">
   <img src="blah/225cd24c144611e3b69022000a1deb4b_7.jpg" class="img_235x235" />
</div>

当我使用 php for 循环显示所有图像时,它不起作用:

<?php
for($i=0; $i<=10; $i++)
{
   echo "<div class='cp-thumb cp-masonry cp-thumbs616 masonry-brick'>
       <img src='blah/225cd24c144611e3b69022000a1deb4b_7.jpg'class='img_235x235' />
     </div>";      
}     
?>

任何人都可以帮忙吗?谢谢

4

7 回答 7

1

试试GLOB喜欢

foreach(glob('blah/'.'*') as $filename){
    echo "<div class='cp-thumb cp-masonry cp-thumbs616 masonry-brick'>
              <img src='".$filename."' class='img_235x235' />
          </div>"; 
}

考虑到所有图像名称都不同,并且该目录仅包含图像。

在我的本地我有我的图片proj/blah/所以我做了像

<img src='proj/".$filename."' class='img_235x235' />
于 2013-09-03T04:39:27.513 回答
1

很简单。只需复制和粘贴

<?php

$dir = dir("blah");

while($filename=$dir->read()) {

    if($filename=="." || $filename=="..") continue;

    echo "<div class='cp-thumb cp-masonry cp-thumbs616 masonry-brick'>
       <img src='blah/".$filename."'class='img_235x235' />
     </div>";  
}

?>
于 2013-09-03T04:50:13.793 回答
0

glob如果要显示文件夹中的所有图像,请使用该功能。

foreach (glob("*") as $filename)
{
    echo '<div class="cp-thumb cp-masonry cp-thumbs616 masonry-brick">
              <img src="blah/'.$filename.'" class="img_235x235" />
          </div>';


}

请记住,此函数返回一个数组,因此如果您不想将它们全部输出,您可以配置它,请阅读此内容。

http://us2.php.net/glob

于 2013-09-03T04:43:37.557 回答
0

使用 glob 读取图像

<?php
foreach (glob("blah/*.jpg") as $filename) {
    echo "<div class='cp-thumb cp-masonry cp-thumbs616 masonry-brick'><img src='blah/". $filename . "'class='img_235x235' /></div>";
}
?>
于 2013-09-03T04:45:33.470 回答
0

你需要directory path检查blah folder

尝试这个,

foreach(glob('blah/{*.gif,*.jpg,*.png}',GLOB_BRACE) as $img){// you can add more extension here
    echo "<div class='cp-thumb cp-masonry cp-thumbs616 masonry-brick'>
       <img src='blah/".$img."'class='img_235x235' />
     </div>";
}

读取全局()

于 2013-09-03T04:46:24.577 回答
0

我可以提出一个jQuery 解决方案。添加一个图像滑块,它将直接从文件夹中拾取所有图像。

包括

<!-- jQuery library (served from Google) -->
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
<!-- directorySlider Javascript file -->
<script src="/js/directorySlider.js"></script>

HTML

<div id='slider-main' class='cp-thumb cp-masonry cp-thumbs616 masonry-brick'></div>

JS

$('#slider-main').directorySlider({
    animation: 'fade',
    filebase: 'slide_',
    directory: 'blah/',
    extension: 'jpg',
    numslides: 10,
    height: 200
});
于 2013-09-03T04:51:09.630 回答
0

为我工作很好tysm。

<?php
foreach (glob("blah/*.jpg") as $filename) {
    echo "<div class='cp-thumb cp-masonry cp-thumbs616 masonry-brick'><img src='blah/". $filename . "'class='img_235x235' /></div>";
}
?>
于 2016-03-02T21:12:53.013 回答