|
Server : Apache/2.4.62 System : FreeBSD fbsdweb2.web.rcn.net 14.1-RELEASE FreeBSD 14.1-RELEASE releng/14.1-n267679-10e31f0946d8 GENERIC amd64 User : www ( 80) PHP Version : 8.3.8 Disable Function : NONE Directory : /domains/highlandlabs/cqi-bin/ALFA_DATA/alfasymlink/root/domains/insite/ |
Upload File : |
<?php
$subject = "Projects";
$image1 = "<img src='images/engineering3.jpg' />";
$head = "<img src='images/projects_box.jpg' />";
require("RunInside.php");
?>
<!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>Untitled Document</title>
<style type="text/css">
a {
color: #EDCA00;
}
</style>
<link href="trunk/galleria.css" rel="stylesheet" type="text/css" media="screen">
<script type="text/javascript" src="jquery.min.js"></script>
<script type="text/javascript" src="trunk/jquery.galleria.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$('.gallery_demo_unstyled').addClass('gallery_demo'); // adds new class name to maintain degradability
$('ul.gallery_demo').galleria({
history : true, // activates the history object for bookmarking, back-button etc.
clickNext : true, // helper for making the image clickable
insert : '#main_image', // the containing selector for our main image
onImage : function(image,caption,thumb) { // let's add some image effects for demonstration purposes
// fade in the image & caption
image.css('display','none').fadeIn(1000);
caption.css('display','none').fadeIn(1000);
// fetch the thumbnail container
var _li = thumb.parents('li');
// fade out inactive thumbnail
_li.siblings().children('img.selected').fadeTo(500,0.3);
// fade in active thumbnail
thumb.fadeTo('fast',1).addClass('selected');
// add a title for the clickable image
image.attr('title','Next image >>');
},
onThumb : function(thumb) { // thumbnail effects goes here
// fetch the thumbnail container
var _li = thumb.parents('li');
// if thumbnail is active, fade all the way.
var _fadeTo = _li.is('.active') ? '1' : '0.3';
// fade in the thumbnail when finnished loading
thumb.css({display:'none',opacity:_fadeTo}).fadeIn(1500);
// hover effects
thumb.hover(
function() { thumb.fadeTo('fast',1); },
function() { _li.not('.active').children('img').fadeTo('fast',0.3); } // don't fade out if the parent is active
)
}
});
});
</script>
<style media="screen,projection" type="text/css">
/* BEGIN DEMO STYLE */
.caption{font-style:italic;color:#887;}
.demo{position:relative;margin-top:2em;}
.gallery_demo{width:600px;margin:0 auto;}
.gallery_demo .pict{width:68px;height:50px;border:3px double #111;margin: 0 2px;background:#000;}
.gallery_demo .capt{width:600px;height:50px;}
.gallery_demo li div{left:240px}
.gallery_demo li div .caption{font:italic 0.7em/1.4 georgia,serif;}
#main_image{margin:0 auto 60px auto;height:438px;width:600px;}
#main_image img{margin-bottom:10px;width:600px;}
#main_image2{margin:0 auto 60px auto;height:438px;width:600px;}
#main_image2 img{margin-bottom:10px;width:600px;}
#main_image3{margin:0 auto 60px auto;height:438px;width:600px;}
#main_image3 img{margin-bottom:10px;width:600px;}
</style>
</head>
<body>
<h1>Photos</h1>
<a href="projects.php">Projects</a>: <a href="renderings.php">Renderings</a> | Photos | <a href="awards.php">Awards</a>
<?php
function chris_gallery_mod($foldername){
// open this directory
$myDirectory = opendir($foldername . '/');
// get each entry
while($entryName = readdir($myDirectory)) {
$dirArray[] = $entryName;
}
// close directory
closedir($myDirectory);
foreach($dirArray as $val){
if ($val == "." || $val == "..") continue;
echo '<li class="pict"><img src="' . $foldername . '/' . $val . '"></li>';
}
}
?>
<div class="demo">
<div id="main_image"></div>
<ul class="gallery_demo_unstyled">
<br /><li class="capt"><h1>Dover Ridge Wastewater Treatment Plant</h1></li>
<?php
chris_gallery_mod("dr_imgs");
?>
<br />
<br />
<br /><li class="capt"><h1>Heritage Hills Condominiums</h1></li>
<?php
chris_gallery_mod("hh_imgs");
?>
<br />
<br />
<br /><li class="capt"><h1>Putnam Hospital Center</h1></li>
<?php
chris_gallery_mod("ph_imgs");
?>
</ul>
</div>
</body>
</html>