How to paginate to the glob() function?

Question

css

Hello, help me make pagination
//////////////////////////////////////////// //////////////////////////////

<?
$page_title = 'Новые и классические рисунки на ногтях 39 фото.';
$page_h1 = 'Ногти изумрудный рисунок.';
$page_descr = 'Рисунок на ноготках должен быть не просто красивым и оригинальным  Короткие ногти.';
$page_keyws = 'ногти изумрудный рисунок,';
$page_4menu = 'Ногти изумрудный рисунок';
$page_img = 'http://womenstalk.ru/wp-content/uploads/2013/10/Nail-Designs-2011-51.jpg';
$page_id = '2';

$page_content = <<< EOT
<p> Вообще класс у меня тоже такое ногти I Love You</p>
EOT;

?>

/////////////////////////////////////////////////// /////////////////////////
I output like this

$articles = glob("./content/*");
if(!$articles) echo ('Нет ни одной страницы...');
else
{
foreach($articles as $article)
{
//var_dump($articles);
        $content=file_get_contents($article);
        preg_match("|\/content\/(.*).php|Ui", $article, $matches);
        $file_id=$matches[1];
        preg_match("|page_4menu = '(.*)\'\;|Ui", $content, $matches1);
        $page_4menu=$matches1[1];
        preg_match("|page_descr = '(.*)\'\;|Ui", $content, $matches2);
        $page_descr=$matches2[1];
        preg_match("|page_title = '(.*)\'\;|Ui", $content, $matches3);
        $page_title=$matches3[1];
        preg_match("|page_img = '(.*)\'\;|Ui", $content, $matches4);
        $page_img=$matches4[1];
        
        {
        echo '<tr style="background-image: url(skin/image/bottom.jpg);">
                <td>&nbsp;'.$file_id.'</td>
                <td>&nbsp;&nbsp;<a href=/'.$arrof[$file_id].'.html target="_blank">'. $page_4menu .'</a></td>
<td>&nbsp;&nbsp;<div><a href='. $page_img .' class="highslide" onclick="return hs.expand(this)" ><img width="30" src="'. $page_img .'" title="'. $page_descr .'"></a><div class="highslide-caption">'. $page_descr .'</div></div></td>
                <td> <a href=edit.php?id='.$file_id.'><img src=skin/image/b_edit.png title="Редактировать"></a></td>
                <td>'."<a href=# onclick=\"confirmation('$file_id')\"><img src=skin/image/b_drop.png title=\"Удалить страницу\"></a></td></tr>";
      }

}
}

Answer 1

This is called Popover or Tooltip , whichever is used in your project. You can find options specifically for your technologies. Or you can write in pure JS + HTML + CSS.

Answer 2

I will subscribe to the words above, but I will add that JS is not really needed. You can also use pure html+css.
Use :hover, :after, :before
The rounding and the arrow itself can be styled with a picture (incorrectly) or also with CSS.
Yandexite "how to make tooltip css, css tooltip design" and similar requests.
The code for a specific example is unlikely to be given by anyone.

Answer 3

here if it is not possible to change glob() to your own function (get_one_article) then you need to somehow save the current value of the page (mb in the cookie?). and at each transition to a new page, pull only one article from the articles array.