<?php
//$files = glob("images/*.{gif,jpg,jpeg,png}", GLOB_BRACE);
$files = [
'foo.jpg',
'foo1.png',
'foo2.png',
'foo3.png',
'foo4.png',
'foo5.png',
'foo6.png',
'foo7.png',
'foo8.png',
'foo9.png',
'foo10.png'
];
foreach ($files as $key => $file) {
if ($key % 3 == 0) { // change 3 to how many items between rows
if ($key != 0) { echo '</div>'.PHP_EOL; }
echo '<div class="row">'.PHP_EOL;
}
echo '<div class="column"><img src="'.$file.'" style=width:100% /></div>'.PHP_EOL;
}
?>
</div>
- Output for 7.1.0 - 7.1.33, 7.2.0 - 7.2.33, 7.3.0 - 7.3.33, 7.4.0 - 7.4.33, 8.0.0 - 8.0.30, 8.1.0 - 8.1.28, 8.2.0 - 8.2.18, 8.3.0 - 8.3.4, 8.3.6 - 8.3.7
- <div class="row">
<div class="column"><img src="foo.jpg" style=width:100% /></div>
<div class="column"><img src="foo1.png" style=width:100% /></div>
<div class="column"><img src="foo2.png" style=width:100% /></div>
</div>
<div class="row">
<div class="column"><img src="foo3.png" style=width:100% /></div>
<div class="column"><img src="foo4.png" style=width:100% /></div>
<div class="column"><img src="foo5.png" style=width:100% /></div>
</div>
<div class="row">
<div class="column"><img src="foo6.png" style=width:100% /></div>
<div class="column"><img src="foo7.png" style=width:100% /></div>
<div class="column"><img src="foo8.png" style=width:100% /></div>
</div>
<div class="row">
<div class="column"><img src="foo9.png" style=width:100% /></div>
<div class="column"><img src="foo10.png" style=width:100% /></div>
</div>
- Output for 8.3.5
- Warning: PHP Startup: Unable to load dynamic library 'sodium.so' (tried: /usr/lib/php/8.3.5/modules/sodium.so (libsodium.so.23: cannot open shared object file: No such file or directory), /usr/lib/php/8.3.5/modules/sodium.so.so (/usr/lib/php/8.3.5/modules/sodium.so.so: cannot open shared object file: No such file or directory)) in Unknown on line 0
<div class="row">
<div class="column"><img src="foo.jpg" style=width:100% /></div>
<div class="column"><img src="foo1.png" style=width:100% /></div>
<div class="column"><img src="foo2.png" style=width:100% /></div>
</div>
<div class="row">
<div class="column"><img src="foo3.png" style=width:100% /></div>
<div class="column"><img src="foo4.png" style=width:100% /></div>
<div class="column"><img src="foo5.png" style=width:100% /></div>
</div>
<div class="row">
<div class="column"><img src="foo6.png" style=width:100% /></div>
<div class="column"><img src="foo7.png" style=width:100% /></div>
<div class="column"><img src="foo8.png" style=width:100% /></div>
</div>
<div class="row">
<div class="column"><img src="foo9.png" style=width:100% /></div>
<div class="column"><img src="foo10.png" style=width:100% /></div>
</div>
preferences:
161.05 ms | 403 KiB | 198 Q