I am trying to accomplish two things with the code below:

1. Make the output display using an adjustable variable for the html table. output: ex: a variable of $tr=4 would display 4 rows of images, instead of a single row of images that I need to scroll across the page to view.

2. I want to create a new page dynamically (on the fly) for each of the images that are echoed out to the page. This will basically show a larger image and more details from the database.

Here's what I am using so far (all the code below works - just needs further adjusting for what I have asked above.)

Side note: Lines 1 - 132 = Pagination Code Side note: Lines 138 - 201 = Image Resize Code

<?php

include('config.php');

                                       // Begin Pagination Code //



    $tbl_name="ap_form_1";        //your table name
    // How many adjacent pages should be shown on each side?
    $adjacents = 1;
    
    /*
      First get total number of rows in data table.
      If you have a WHERE clause in your query, make sure you mirror it here.
    */

    $query = "SELECT COUNT(*) as num FROM $tbl_name";
    $total_pages = mysql_fetch_array(mysql_query($query));
    $total_pages = $total_pages[num];
    
    /* Setup vars for query. */
    $targetpage = "index.php";     //your file name (the name of this file)
    $limit = 5;             //how many items to show per page
    $page = $_GET['page'];
    if($page)
        $start = ($page - 1) * $limit;             //first item to display on this page
    else
        $start = 0;                                //if no page var is given, set start to 0
    
    /* Get data. */
    $sql = "SELECT * FROM $tbl_name ORDER BY ABS(`element_4`) DESC LIMIT $start, $limit";
    $result = mysql_query($sql);

  
    /* Setup page vars for display. */
    if ($page == 0) $page = 1;                    //if no page var is given, default to 1.
    $prev = $page - 1;                            //previous page is page - 1
    $next = $page + 1;                            //next page is page + 1
    $lastpage = ceil($total_pages/$limit);        //lastpage is = total pages / items per page, rounded up.
    $lpm1 = $lastpage - 1;                        //last page minus 1
    
    /*
        Now we apply our rules and draw the pagination object.
        We're actually saving the code to a variable in case we want to draw it more than once.
    */

    $pagination = "";
    if($lastpage > 1)
    {    
    $pagination .= "<div class=\"pagination\">";
    //previous button
    if ($page > 1)
    $pagination.= "<a href=\"$targetpage?page=$prev\"><< previous </a>";
    else
    $pagination.= "<span class=\"disabled\"><< previous </span>";    
      
    //pages    
    if ($lastpage < 7 + ($adjacents * 2))    //not enough pages to bother breaking it up
    {    
    for ($counter = 1; $counter <= $lastpage; $counter++)
    {
    if ($counter == $page)
    $pagination.= "<span class=\"current\">$counter</span>";
    else
    $pagination.= "<a href=\"$targetpage?page=$counter\">$counter</a>";                    
    }
    }
    elseif($lastpage > 5 + ($adjacents * 2))    //enough pages to hide some
    {
    //close to beginning; only hide later pages
    if($page < 1 + ($adjacents * 2))        
    {
    for ($counter = 1; $counter < 4 + ($adjacents * 2); $counter++)
    {
    if ($counter == $page)
    $pagination.= "<span class=\"current\">$counter</span>";
    else
    $pagination.= "<a href=\"$targetpage?page=$counter\">$counter</a>";                    
    }
    $pagination.= "...";
    $pagination.= "<a href=\"$targetpage?page=$lpm1\">$lpm1</a>";
    $pagination.= "<a href=\"$targetpage?page=$lastpage\">$lastpage</a>";        
    }
    //in middle; hide some front and some back
    elseif($lastpage - ($adjacents * 2) > $page && $page > ($adjacents * 2))
    {
    $pagination.= "<a href=\"$targetpage?page=1\">1</a>";
    $pagination.= "<a href=\"$targetpage?page=2\">2</a>";
    $pagination.= "...";
    for ($counter = $page - $adjacents; $counter <= $page + $adjacents; $counter++)
    {
    if ($counter == $page)
    $pagination.= "<span class=\"current\">$counter</span>";
    else
    $pagination.= "<a href=\"$targetpage?page=$counter\">$counter</a>";                    
    }
    $pagination.= "...";
    $pagination.= "<a href=\"$targetpage?page=$lpm1\">$lpm1</a>";
    $pagination.= "<a href=\"$targetpage?page=$lastpage\">$lastpage</a>";        
    }
    //close to end; only hide early pages
    else
    {
    $pagination.= "<a href=\"$targetpage?page=1\">1</a>";
    $pagination.= "<a href=\"$targetpage?page=2\">2</a>";
    $pagination.= "...";
    for ($counter = $lastpage - (2 + ($adjacents * 2)); $counter <= $lastpage; $counter++)
    {
    if ($counter == $page)
    $pagination.= "<span class=\"current\">$counter</span>";
    else
    $pagination.= "<a href=\"$targetpage?page=$counter\">$counter</a>";                    
    }
    }
    }
       
    //next button
    if ($page < $counter - 1)
    $pagination.= "<a href=\"$targetpage?page=$next\"> next >></a>";
    else
    $pagination.= "<span class=\"disabled\"> next >></span>";
    $pagination.= "</div>\n";        
    }

                                       // End Pagination Code //





?>





<?php
                             // Begin Resize Image To Specific Dimensions Code //

    
    $dir = "images/"; //dir of your images
    $exten1 = "jpg"; //extension -> jpg / gif / png
    $exten2 = "png"; //extension
    $exten3 = "gif"; //extension
    
    $maxwidth = '190'; //maximum width
    if ($handle = @opendir($dir)) 
    
    echo "<table>";
    echo "<tr>";
        
    {
    
    while (false !== ($file = @readdir($handle))) { 
    $bestand = $dir ."/". $file;
    $ext = pathinfo($bestand);
    if($ext['extension'] == $exten1 || $ext['extension'] == $exten2 || $ext['extension'] == $exten3)
    
    while($row = mysql_fetch_array($result)) {
    {
    
    $width = getimagesize($bestand);
    if($width[0]<$maxwidth)
    
    {
    
     
    echo "<td align=\"center\">";
    echo "<a href=\"http://localhost/scripts/index.php?id=$row[$id]\"><img border=\"1\" src=\"images/$row[element_5]\" alt=\"$row[element_1]\" title=\"$row[element_1]\">";
    echo "<p />";
    echo "<a href=\"$row[element_2]\">$row[element_1]</a>";
    
    
    }

    else

    {
    

    echo "<td align=\"center\">";
    echo "<a href=\"http://localhost/scripts/index.php?id=$row[id]\"><img src=\"images/$row[element_5]\" width='$maxwidth' alt=\"$row[element_1]\" title=\"$row[element_1]\">";
    echo "<p />";
    echo "<a href=\"$row[element_2]\">$row[element_1]</a>";    
    

    } 
    }
    } 
    }
    @closedir($handle); 
    }
     
    
    echo "</tr>";
    echo "</td>";
    echo "</table>";
    
                             // End Resize Image To Specific Dimensions Code //
?>
<div align="center">
<?=$pagination?></div>

Whoops, forgot to post the closing

Thanks a million for your help!

Anyone have a solution yet?

Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.