Question

我是网络编程的初学者。我想制作包含照片库的网页。这是代码

<body>
    <div class="container">
        <header class="clearfix">
        </header>
        <div class="main">
            <a class="fancybox" href="gallery/1.jpg" data-fancybox-group="gallery" title="Lorem ipsum dolor sit amet"><img src="gallery/1.jpg" alt="" /></a>
            <a class="fancybox" href="gallery/2.jpg" data-fancybox-group="gallery" title="Etiam quis mi eu elit temp"><img src="gallery/2.jpg" alt="" /></a>
            <a class="fancybox" href="gallery/3.jpg" data-fancybox-group="gallery" title="Cras neque mi, semper leon"><img src="gallery/3.jpg" alt="" /></a>
            <a class="fancybox" href="gallery/4.jpg" data-fancybox-group="gallery" title="Lorem ipsum dolor sit amet"><img src="gallery/4.jpg" alt="" /></a>
            <a class="fancybox" href="gallery/5.jpg" data-fancybox-group="gallery" title="Etiam quis mi eu elit temp"><img src="gallery/5.jpg" alt="" /></a>
            <a class="fancybox" href="gallery/6.jpg" data-fancybox-group="gallery" title="Cras neque mi, semper leon"><img src="gallery/6.jpg" alt="" /></a>
            <a class="fancybox" href="gallery/7.jpg" data-fancybox-group="gallery" title="Lorem ipsum dolor sit amet"><img src="gallery/7.jpg" alt="" /></a>
        </div>
    </div>
</body>

我必须手动输入照片名称。但是如果照片数量过多会很累。我想添加php代码以自动从文件夹上传这些图像。如何在

中使用php代码

<div class="main"></div>

请举个例子。

Answer 1

您可以使用PHP RecursiveDirectoryIterator

<body>
    <div class="container">
        <header class="clearfix">
        </header>
        <div class="main">
        <?php $images = new RecursiveDirectoryIterator('images');
        foreach($images as $img){
        if(is_dir($img->getFileName())){ continue; }
            echo '<a class="fancybox" href="folder/'.$img->getFileName().'" data-fancybox-group="gallery" title="'.$img->getFileName().'"><img src="folder/'.$img->getFileName().'" alt="'.$img->getFileName().'" /></a>';
        }?>

        </div>
    </div>
</body>

Answer 2

在<div>中尝试此操作： <body> <div class="container"> <header class="clearfix"> </header> <div class="main"> <?php $image_array = array_diff(scandir("images"), array('..', '.')); $i = 0; foreach ($image_array as $key) { ?> <a class="fancybox" href="<?php echo 'images/'.$key; ?>" data-fancybox-group="gallery" title="Lorem ipsum dolor sit amet"> <img src="<?php echo 'images/'.$key; ?>" alt="" height="150" width="150"/></a> <?php $i++; } ?> </div> </div> </body> 将图像更改为您的文件夹名称。

Answer 3

这应该是完整的

<body>
    <div class="container">
        <header class="clearfix">
        </header>
        <div class="main">
            <?php
                $image_array = array_diff(scandir("YOUR IMAGES FOLDER NAME"), array('..', '.'));
                $i = 0;
                foreach ($image_array as $key) { ?>
            <a class="fancybox" href="<?= 'YOUR IMAGES FOLDER NAME/'.$key ?>" data-fancybox-group="gallery" title="Lorem ipsum dolor sit amet"><img src="<?= 'YOUR IMAGES FOLDER NAME/'.$key ?>" alt="" height="150" width="150"/></a>
            <?php $i++; } ?>
        </div>
    </div>
</body>

PHP自动上传文件夹中的图像

3 个答案: