www.webdeveloper.com
Results 1 to 7 of 7

Thread: PHP image results into rows/columns

  1. #1
    Join Date
    Mar 2005
    Location
    Western USA
    Posts
    198

    PHP image results into rows/columns

    I have a script that displays images in a folder. It puts 1 on top of the other and I would rather it be 2-3 images wide per row. I want to do this with CSS but I don't know how? The tricky part (I think) is that each image has a <form> so that I can delete the image and I don't know if you can have more than 1 form on a row?

    PHP Code:
    $handle=opendir("./content/uploaded/");
    $sPath "content/uploaded/";
    $sPath rtrim($sPath'/\\');  
    $aFiles = array();  
                    
        while (
    false !== ($file readdir($handle)))
    {
        if (
    filectime($sPath DIRECTORY_SEPARATOR $file) <= $iSixMonthsAgo)
        {
            
    unlink($sPath DIRECTORY_SEPARATOR $file);
        }
        else
        {
            
    $aFiles[$file] = filectime($sPath DIRECTORY_SEPARATOR $file);
        }

    asort($aFiles);
    foreach (
    $aFiles AS $fileName => $createTime)
    {
        
    printf('%s (created on %s)'PHP_EOL'<form action="' $_SERVER["PHP_SELF"] . '" method="post" name="form1"><input type="hidden" name="filex" id="filex" value="' .$fileName '" hidden><input type="submit" name="Delete" id="Button" value="Delete Image"></form> <a href="content/uploaded/"'.$fileName.'" target="blank">'$fileName .'"<br><img src=./content/uploaded/' $fileName ' width=400></a><br><hr><br>'date('F d Y'$createTime));


  2. #2
    Join Date
    Feb 2013
    Posts
    92
    Maybe do something like the following?

    PHP Code:
    "<br><img" .
    if (
    $num_pics >= 4) {
        
    "class=\"picture-style\""
    }
    "src=./content/uploaded/' . $fileName . ' width=400> 

  3. #3
    Join Date
    Feb 2013
    Posts
    92
    Sorry, should be more like this

    PHP Code:
            "<br><img" .
            if (
    $num_pics >= 4) {
                
    "class=\"picture-style\"" .
            }
            
    "src=./content/uploaded/' . $fileName . ' width=400> 

  4. #4
    Join Date
    Mar 2005
    Location
    Western USA
    Posts
    198
    Ok, I think I see what you did there. We just put a class on the pictures. That makes sense. What doesn't make sense is what do I do with the CSS to make each result (filename, creation date, image) side by side until the row fills up and then it goes to the next row?

  5. #5
    Join Date
    Feb 2013
    Posts
    92
    While I don't know exactly what you want to stylize, but I say put the class inside the area you want to affect (I'm assuming the pictures). Then maybe you can just do something like .picture-style{clear: right which would force the pictures down to the next row. It is just doing that on the pictures when the if-statement is true, for that is the only time the class statement is put in. btw put spaces in like this
    PHP Code:
     " class=\"example-style\" . " 
    I meant to write it that way before. The if statement logic obviously you're going to have to figure out. Hopefully this helps.

  6. #6
    Join Date
    Feb 2013
    Posts
    92
    LOL smiley put in when it should be ; ) and there should be no period inside the quotes.

  7. #7
    Join Date
    Mar 2005
    Location
    Western USA
    Posts
    198
    Well, I gave it a shot. And no luck.

    I took out the form so I could see if that was the hangup, I also took away all of the <br> tags. I want the filename, date, and image on top of each other. How can I seperate these so that it works in rows with CSS? (Image Below) -

    Code:
    .picture-style{clear: right;}
    PHP Code:
        printf('%s (created on %s)'PHP_EOL'<div class"\"picture-style\""><input type="hidden" name="filex" id="filex" value="' .$fileName '" hidden><input type="submit" name="Delete" id="Button" value="Delete Image">  <a href="content/uploaded/"'.$fileName.'" target="blank">'$fileName .'"<img class=\"picture-style\""  src=./content/uploaded/' $fileName ' width=400></a></div>'date('F d Y'$createTime)); 
    phpfile.jpg

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
HTML5 Development Center



Recent Articles