Billede i slideshow
Jeg har et slideshow. Det fungerer tilsyneladende godt nok, billederne skifter når man trykker Next Previous osv.Det vil sig: billederne viser sig kun som en lille firkant uden indhold. Undersøger man med Egenskaber er det det rigtige billede, med den korrekte sti.
Her er koden:
<?php
define ('IMGDIR', 'c://wamp/www/slideshow1/images/show/');
define ('WEBIMGDIR', '/images/show/');
define ('SS_SESSNAME', 'slideshow_sess');
$err = '';
session_name(SS_SESSNAME);
session_start();
$ss = new slideshow($err);
if (($err = $ss->init()) != '')
{
header('HTTP/1.1 500 Internal Server Error');
echo $err;
exit();
}
$ss->get_images();
list($curr, $caption, $first, $prev, $next, $last) = $ss->run();
class slideshow
{
private $files_arr = NULL;
private $err = NULL;
public function __construct(&$err)
{
$this->files_arr = array();
$this->err = $err;
}
public function init()
{
if (!$this->dir_exists())
{
return 'Error retrieving images, missing directory';
}
return '';
}
public function get_images()
{
if (isset($_SESSION['imgarr']))
{
$this->files_arr = $_SESSION['imgarr'];
}
else
{
if ($dh = opendir(IMGDIR))
{
while (false !== ($file = readdir($dh)))
{
if (preg_match('/^.*\.(jpg|jpeg|gif|png)$/i', $file))
{
$this->files_arr[] = $file;
}
}
closedir($dh);
}
$_SESSION['imgarr'] = $this->files_arr;
}
}
public function run()
{
$curr = 1;
$last = count($this->files_arr);
if (isset($_GET['img']))
{
if (preg_match('/^[0-9]+$/', $_GET['img'])) $curr = (int) $_GET['img'];
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('-', ' ', $this->files_arr[$curr - 1]);
$caption = str_replace('_', ' ', $caption);
$caption = preg_replace('/\.(jpg|jpe?g|gif|png)$/i', '', $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 PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<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;}
div#gallery{border: 1px #ccc solid;width: 600px;margin: 40px auto;text-align: center;}
div#gallery img{margin: 20px;border: 2px #004694 solid;}
div#gallery p{color: #004694;}
div#gallery div.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>
<div id="gallery">
<img src='<?php echo WEBIMGDIR;?><?php echo $curr;?>'>
<?php echo WEBIMGDIR;?>
<p><?php echo $caption;?></p>
<div class="pn">
<a href="?img=<?php echo $first;?>">First</a> | <a href="?img=<?php echo $prev;?>" class="sp">Previous</a><a href="?img=<?php echo $next;?>">Next</a> | <a href="?img=<?php echo $last;?>">Last</a>
</div>
</div>
</body>
</html>
