【问题标题】:How to display all images within a folder with PHP如何使用 PHP 显示文件夹中的所有图像
【发布时间】:2017-05-04 23:01:32
【问题描述】:

我目前正在使用以下代码返回一个显示文件夹内所有图片的页面:

echo'';   $array=glob('ebayimg/9150gba041117/size_2/*');
foreach($array as $zf) 
echo '<img src="http://www.gbamedical.com/'.$zf.'">’;

我需要能够执行与以下代码类似的操作,除了代码中的每张图片需要出现两次,并且我需要为那里的许多图片动态添加单词“image1、image2 等”在文件夹中。 . . .如下所示。下面的示例只显示了两张图片,但无论文件夹中有多少图片,我都需要它来返回代码。

<div class="slider">

<input type="radio" name="slide" id="image1" checked/>
<label for="image1">
<img   src="http://www.gbamedical.com/ebayimg/9150gba041117/size_2/IMG_9633.JPG"/>
</label>
<img src="http://www.gbamedical.com/ebayimg/9150gba041117/size_2/IMG_9633.JPG" height="480"/>

<input type="radio" name="slide" id="image2"/>
<label for="image2">
<img src="http://www.gbamedical.com/ebayimg/9150gba041117/size_2/IMG_9638.JPG"/>
</label>
<img src="http://www.gbamedical.com/ebayimg/9150gba041117/size_2/IMG_9638.JPG" height="480"/>
</div>

【问题讨论】:

  • 只需在循环中添加一个计数器变量?
  • 谢谢菲利普!你能帮忙多一点吗?我对编码很陌生。 . . .我不知道你的帮助能做什么。

标签: php foreach glob


【解决方案1】:

你可以这样做:

<?php
$array = glob('ebayimg/9150gba041117/size_2/*');
$i = 1;
foreach($array as $image) {
    ?>
    <input type="radio" name="slide" id="image<?php echo $i ?>" <?php if($i == 1){ ?> checked <?php } ?>/>
    <label for="image<?php echo $i ?>">
        <img src="http://www.gbamedical.com/<?php echo $image ?>"/>
    </label>
    <img src="http://www.gbamedical.com/<?php echo $image ?>"/>
    <?php
    $i++;
}
?>

【讨论】:

  • 完美。 . .非常感谢您的帮助!
【解决方案2】:

因为glob() 返回一个基于数字的数组,所以使用foreach 的$key => $value 语法。这样$index 将对应于索引(0 - 最后一个索引)。此外,checked 可以有条件地包含在字符串中。请参阅下面的示例。

foreach($array as $index => $zf) 
    $checked = ''; //not checked
    if (!$index) { // equal to 0, for first item
        $checked = 'checked';
    }
    echo '<input type="radio" name="slide" id="image'.($index+1).'" '.$checked.'/>'.
         '<label for="image'.($index+1).'">'.
         '<img src="http://www.gbamedical.com/'.$zf.'" />'.
         '</label>'.
         '<img src="http://www.gbamedical.com/'.$zf.'" height="480" />';
}

【讨论】:

  • 感谢您的帮助!
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 2023-03-08
  • 1970-01-01
  • 2020-06-07
  • 1970-01-01
  • 1970-01-01
  • 2012-04-10
  • 1970-01-01
相关资源
最近更新 更多