首頁 > 後端開發 > php教程 > PHP會自動在頁面上捲動展示圖片的方法

PHP會自動在頁面上捲動展示圖片的方法

墨辰丷
發布: 2023-03-31 19:44:01
原創
3979 人瀏覽過

這篇文章主要介紹了PHP實現自動對圖片進行滾動顯示的方法,涉及php操作圖片特效的技巧,具有一定參考借鑒價值,需要的朋友可以參考下

本文實例講述了PHP實作自動對圖片進行捲動顯示的方法。具體如下:

指定某個圖片目錄,該程式會自動在頁面上捲動展示每一張圖片,使用方法:

1. 建立一個投影片的圖像資料夾。
2. 刪除影像資料夾中的幻燈片。
3. 將下面程式碼編碼後,貼在一個文字檔案中,命名為「index.php」
4. 上傳檔案到一個目錄中
5. 更換第6和8行為你對應的設定.
6. 運行(使用第4步驟設定的URL)

#程式碼如下:

<?
/*
    PHP image slideshow - auto version - PHP5
*/
// set the absolute path to the directory containing the images
define (&#39;IMGDIR&#39;, &#39;/home/devel/public_html/domain.com/public/images/slideshow/&#39;);
// same but for www
define (&#39;WEBIMGDIR&#39;, &#39;/images/slideshow/&#39;);
// set session name for slideshow "cookie"
define (&#39;SS_SESSNAME&#39;, &#39;slideshow_sess&#39;);
// global error variable
$err = &#39;&#39;;
// start img session
session_name(SS_SESSNAME);
session_start();
// init slideshow class
$ss = new slideshow($err);
if (($err = $ss->init()) != &#39;&#39;)
{
    header(&#39;HTTP/1.1 500 Internal Server Error&#39;);
    echo $err;
    exit();
}
// get image files from directory
$ss->get_images();
// set variables, done.
list($curr, $caption, $first, $prev, $next, $last) = $ss->run();
/*
    slideshow class, can be used stand-alone
*/
class slideshow
{
    private $files_arr = NULL;
    private $err = NULL;
    public function __construct(&$err)
    {
        $this->files_arr = array();
        $this->err = $err;
    }
    public function init()
    {
        // run actions only if img array session var is empty
        // check if image directory exists
        if (!$this->dir_exists())
        {
            return &#39;Error retrieving images, missing directory&#39;;
        }
        return &#39;&#39;;
    }
    public function get_images()
    {
        // run actions only if img array session var is empty
        if (isset($_SESSION[&#39;imgarr&#39;]))
        {
            $this->files_arr = $_SESSION[&#39;imgarr&#39;];
        }
        else
        {
            if ($dh = opendir(IMGDIR))
            {
                while (false !== ($file = readdir($dh)))
                {
                    if (preg_match(&#39;/^.*\.(jpg|jpeg|gif|png)$/i&#39;, $file))
                    {
                        $this->files_arr[] = $file;
                    }
                }
                closedir($dh);
            }
            $_SESSION[&#39;imgarr&#39;] = $this->files_arr;
        }
    }
    public function run()
    {
        $curr = 1;
        $last = count($this->files_arr);
        if (isset($_GET[&#39;img&#39;]))
        {
            if (preg_match(&#39;/^[0-9]+$/&#39;, $_GET[&#39;img&#39;])) $curr = (int)  $_GET[&#39;img&#39;];
            if ($curr <= 0 || $curr > $last) $curr = 1;
        }
        if ($curr <= 1)
        {
            $prev = $curr;
            $next = $curr + 1;
        }
        else if ($curr >= $last)
        {
            $prev = $last - 1;
            $next = $last;
        }
        else
        {
            $prev = $curr - 1;
            $next = $curr + 1;
        }
        // line below sets the caption name...
        $caption = str_replace(&#39;-&#39;, &#39; &#39;, $this->files_arr[$curr - 1]);
        $caption = str_replace(&#39;_&#39;, &#39; &#39;, $caption);
        $caption = preg_replace(&#39;/\.(jpe?g|gif|png)$/i&#39;, &#39;&#39;, $caption);
        $caption = ucfirst($caption);
        return array($this->files_arr[$curr - 1], $caption, 1, $prev, $next, $last);
    }
    private function dir_exists()
    {
        return file_exists(IMGDIR);
    }
}
?>
登入後複製
<!DOCTYPE html >
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Slideshow</title>
    <style type="text/css">
    body{margin: 0;padding: 0;font: 100% Verdana, Arial, Helvetica, sans-serif;font-size: 14px;}
    p#gallery{border: 1px #ccc solid;width: 600px;margin: 40px auto;text-align: center;}
    p#gallery img{margin: 20px;border: 2px #004694 solid;}
    p#gallery p{color: #004694;}
    p#gallery p.pn{padding: 10px;margin: 0 5px;border-top: 1px #ccc solid;}
    a{color:#333;}
    a:hover{color:#cc0000;}
    a.sp{padding-right: 40px;}
    </style>
</head>
<body>
    <p id="gallery">
        <img src="<?=WEBIMGDIR;?><?=$curr;?>" alt="" />
        <p><?=$caption;?></p>
        <p class="pn">
            <a href="?img=<?=$first;?>">First</a> | <a href="?img=<?=$prev;?>" class="sp">Previous</a><a href="?img=<?=$next;?>">Next</a> | <a href="?img=<?=$last;?>">Last</a>
        </p>
    </p>
</body>
</html>
登入後複製

#總結:以上就是本篇的全部內容,希望能對大家的學習有所幫助。

相關推薦:

php陣列與物件的操作方法

#PHP微信介面實作二維碼產生類別

php差集運算函數array_diff及陣列遍歷

#

以上是PHP會自動在頁面上捲動展示圖片的方法的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板