cari

Rumah >pembangunan bahagian belakang >tutorial php >PHP自动在页面上滚动展示图片的方法

PHP自动在页面上滚动展示图片的方法

墨辰丷
墨辰丷asal
2018-06-12 16:28:263980semak imbas

这篇文章主要介绍了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及数组遍历

Atas ialah kandungan terperinci PHP自动在页面上滚动展示图片的方法. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

php 接口 对象
Kenyataan：
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel sebelumnya：使用PHP实现打包zip并下载的功能Artikel seterusnya：利用thinkPHP5框架实现基于ajax的分页功能解析

Artikel berkaitan

Lihat lagi