Using Include...my pics disappear when trying to view them
Posted: Wed Apr 29, 2009 11:10 am
Hi All
Can anyone help me with this..please.
I'm still pretty new to PHP and am slowly figuring it out.
I have a photo gallery, that you can navigate through the pics to view each one using 'Next' and 'Previous' links. I want to include this in a website I'm creating. On the website's main page I have a menu. On the menu is the option to select 'Photos'. When you select this, the file that creates the photo gallery is included. However, when I click the 'Next' link to move through the photos, it disappears.
Can anyone explain to me why this happens and how I can fix it.
Thanks much.
My website code is....
And the code for my photo gallery is...
Can anyone help me with this..please.
I'm still pretty new to PHP and am slowly figuring it out.
I have a photo gallery, that you can navigate through the pics to view each one using 'Next' and 'Previous' links. I want to include this in a website I'm creating. On the website's main page I have a menu. On the menu is the option to select 'Photos'. When you select this, the file that creates the photo gallery is included. However, when I click the 'Next' link to move through the photos, it disappears.
Can anyone explain to me why this happens and how I can fix it.
Thanks much.
My website code is....
Code: Select all
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="text/javascript" src="sclMenu.js"></script>
<style type="text/css">
// css styles here
</style>
</head>
<body bgcolor="#000000">
<div id="header">
<img src="Banner_USA.jpg" alt="header image">
</div>
<div id="menuNav" >
<ul id="dd">
<li><a href="#" class="menu" id="mmenu1"
onmouseover="mopen(1);"
onmouseout="mclosetime();">Home</a>
<div class="submenu" id="menu1"
onmouseover="mcancelclosetime()"
onmouseout="mclosetime();"> <a href="menu_2.php?page=main">Sights</a>
<a href="menu_2.php?page=photo">Photos</a>
<a href="#">Test 3</a>
<a href="#">Test 4</a>
</div>
</li>
<li><a href="#" class="menu" id="mmenu2" onmouseover="mopen(2);" onmouseout="mclosetime();">New York</a>
<div class="submenu" id="menu2" onmouseover="mcancelclosetime()" onmouseout="mclosetime();">
</div>
</li>
<li><a href="#" class="menu">Memphis</a></li>
<li><a href="#" class="menu">Nashville</a></li>
<li><a href="#" class="menu" id="mmenu3" onmouseover="mopen(3);" onmouseout="mclosetime();">San Francisco</a>
<div class="submenu" id="menu3" onmouseover="mcancelclosetime()" onmouseout="mclosetime();">
<a href="#">Office</a>
<a href="#">Sales</a>
<a href="#">Customer Service</a>
<a href="#">Shipping</a>
</div>
</li>
</ul>
</div>
<div id="content">
<?php
// you build an array for the pages you have.
$index = array( "main" => "Sights_text.php" , "photo" => "My_Try_At_Album.php" );
if ( !empty( $_GET["page"] ) ) {
$page = $_GET["page"];
if ( array_key_exists( $page , $index ) )
include( $index[$page] );
}
?>
</div>
</body>
</html>Code: Select all
<?php
// directory where photos are kept
$directory = 'images/thumbnails/';
$photos = array();
if($handle = opendir($directory))
{
while(false !== ($file = readdir($handle)))
{
if ($file != "." && $file != ".." )
{
$photos[] = $file;
}
}
closedir($handle);
}
$imgIndex = $_GET['img'];
if(!isset($photos[$imgIndex]))
{
$imgIndex = 0;
}
$currentImage = $photos[$imgIndex];
if ($imgIndex<=0)
{
$prev = "Previous";
}
else
{
$prev = "<a href=\"".$_SERVER[PHP_SELF]."?img=".($imgIndex-1)."\">Previous</a>";
}
if ($imgIndex>=(count($photos)-1))
{
$next = "Next";
}
else
{
$next = "<a href=\"".$_SERVER[PHP_SELF]."?img=".($imgIndex+1)."\">Next</a>";
}
?>
<html>
<body>
<?php
echo "$prev $next<br>";
echo "<img src=\"{$directory}/{$currentImage}\">";
?>
</body>
</html>