Can I style these image(s)!?

[cscodismith]

I know, the title does look a bit weird – I know how to style images but not in this case. In my graphics.php page I have images that are uploaded automatically being ‘written’ or ‘placed’ on the page with a php script as you can see here:

<div class="photos">
<?php
$dirname = "includes/img/uploads/";
$images = glob($dirname."*.png");
foreach($images as $image) {
echo '<img src="'.$image.'" class="img-responsive" alt="Responsive image" /><br />';}
?>
</div>

I am trying to find a way to make all images that are uploaded placed in a 3 column grid to showcase my graphics that I have done but can’t seem to find a way to correctly style them while in the php tags.

[cscodismith]

Thanks! I didn’t know I can put html tags inside of my php tags like that – I will try and use this codepen as a reference to style my images.

[Anonymous]

I didn’t know I can put html tags inside of my php tags like that

Yeah… and if you want your text editor to use its pretty colours:

<?php foreach($images as $image) { ?>
    <li>
        <img />"&gt;
    </li>
&lt;?php } ?&gt;

[Ilan Firsov]

I prefer to use the alternate syntax and comment the closing tags for things like this:

<code class="php"><?php foreach($images as $image): ?>
    

        
    
<?php endif; //foreach($images as $image) ?>

Maybe sometime in the future you will open the code for this page, and find a lone <?php } ?> and facepalm yourself: “What the heck did I do here and where this bracket belongs to?”

[Author]

Posts