Question

我有一个滑杆，可以同时显示两个垂直图像（image reference），并且正在使用光滑滑杆来使用滑杆-可以正常工作，但是我现在尝试编写一些代码，使我能够在数据库中指定要从中选择图像的文件夹，然后将每两个图像分类到适当的模板中。

我首先想到了foreach函数，但是不确定如何编写代码...

那我该怎么办？我想在这种模板中回显图像：

<div class="slider_image_div">
            <div class="slider_image_column">
            <img  class="image_slider_vertical" src="../images/portfolio/projects/icelandicmistadventure/1.jpg">
            </div>
            <div class="slider_image_column">
            <img  class="image_slider_vertical" src="../images/portfolio/projects/icelandicmistadventure/2.jpg">
            </div>
    </div>

我试图首先获取指定文件夹中的所有图像并将它们在数组中排序，但是我无法将数字名称与键的名称进行排序以使其顺序正确...

到目前为止，这是我的代码：

$dir = '../images/portfolio/projects/icelandicmistadventures/';
$files2 = scandir($dir);
natsort($files2);

echo '<pre>'; print_r($files2); echo '</pre>';
echo $files2[3];

哪个给我这个结果：

    Array
(
    [0] => .
    [1] => ..
    [2] => 1.jpg
    [3] => 10.jpg
    [4] => 11.jpg
    [5] => 12.jpg
    [6] => 13.jpg
    [7] => 14.jpg
    [8] => 15.jpg
    [9] => 16.jpg
    [10] => 2.jpg
    [11] => 3.jpg
    [12] => 4.jpg
    [13] => 5.jpg
    [14] => 6.jpg
    [15] => 7.jpg
    [16] => 8.jpg
    [17] => 9.jpg
)

编辑： 我设法将获取的图像放入按数字顺序分组的数组中（键没有更改，不确定它是否具有相关性？）并成对放置2。但是我想访问该数组并将它们分为两个组使用array_chunk，以便在我的循环中我将回显数组中的两个图像，而不是将它们全部放在单独的“行”上。可以这样说，以便在以HTML输出这两个图像之后创建一个新的div。我不确定是否必须进行计数或无用，但看起来好像不是很简洁的代码...

    Array
(
    [0] => Array
        (
            [9] => 1_icewall.jpg
            [10] => 2_leaningman.jpg
        )

    [1] => Array
        (
            [11] => 3_ledgeman.jpg
            [12] => 4_mightyfall.jpg
        )

这是我尝试制作的代码，但只是将每个数组放在单独的行上

    foreach($files2 as $x)
  {
 foreach($x as $group=>$image)
  {
      echo  "<br>" . $image . "<br>";
  }
  }

Answer 1

您可以将glob用作glob("*.jpg")，然后就不需要过滤器。

如果要使用scandir（如现在所述），可以稍后过滤数组。然后，将图片名称与数字进行比较以获得正确的顺序。

考虑以下示例：

$arr = array(".", "..", "1.jpg", "11.jpg", "12.jpg", "2.jpg", "3.jpg");
function cmp($a, $b)
{
        $a = intval(substr($a, 0, -4)); // -4 is the length of ".jpg"
        $b = intval(substr($b, 0, -4));
        if ($a == $b)
                return 0;
        return ($a < $b) ? -1 : 1;
}
$arr = array_filter($arr, function($name) {return (substr($name, -4) === ".jpg");});
usort($arr, "cmp");

这将导致：

Array
(
    [0] => 1.jpg
    [1] => 2.jpg
    [2] => 3.jpg
    [3] => 11.jpg
    [4] => 12.jpg
)

修改

按照@kerbholz的意思，我认为文件夹仅包含jpg-如果您有更多类型，请更改代码作为其注释。

关于2块：

$chunksNum = 2;
$chunked = array_chunk($arr, $chunksNum);

// if you want to echo all of the file
foreach($chunked as $key => $chunk) {
    echo "Chunk $key: \n";
    foreach($chunk as $key => $value)
            echo "\t Picture $key: $value \n";
}

echo $chunked[1][0] . PHP_EOL; // if you want to get specific file 
                               // first index is the chunk num and second is the file num in chunk

从目录中获取所有图片，并使用php

1 个答案: