<?php
// This page pulls data dynamically from templates/php/photos.xml and transforms it with an XML stylesheet from "data/" under the same path.
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
<head>
<!-- 35mm Photo Viewer - client-side app -->
<!-- -->
<!-- v5.0.20041212: First public release -->
<!-- www.schillmania.com/projects/35mm -->
<!-- -->
<title>My Photo Collection</title>
<link rel="stylesheet" type="text/css" href="style/base.css" media="all" />
<link rel="alternate stylesheet" type="text/css" href="style/base-alpha.css" title="Alpha" media="all" />
<link rel="alternate stylesheet" type="text/css" href="style/base-white.css" title="White" media="all" />
<link rel="alternate stylesheet" type="text/css" href="style/base-inverted.css" title="Inverted" media="all" />
<script type="text/javascript" src="script/addeventhandler.js"></script>
<script type="text/javascript" src="script/getelementsbyclassname.js"></script>
<script type="text/javascript" src="script/mousehandler.js"></script>
<script type="text/javascript" src="script/png.js"></script>
<script type="text/javascript" src="script/soundmanager.js"></script>
<script type="text/javascript" src="script/default.js"></script>
</head>
<body>
<div>
<img id="photo" src="image/blank.gif" alt="" />
<div id="caption-container">
<div id="caption" class="png">
<div class="shade0"></div>
<div class="shade1"></div>
<div class="shade2"></div>
</div>
<div id="bookmark"><a href="#bookmark"><img src="image/bookmark.gif" alt=""Permalink" to this image" /></a></div>
</div>
</div>
<div id="container">
<div id="controls">
<div id="search"> </div>
<div id="about-descriptor">
<h2>35mm Photo Viewer 5.0b</h2>
</div>
<div id="photos">
<div id="photoSelector" class="photoSelector png">
<div class="container">
<div id="pageTabs" class="pages dark item">
<!-- page tab items are inserted here dynamically via JS-DOM. -->
<div class="clear"></div>
</div>
<!-- XML/XSLT content -->
<?php
$xmlPathFromHere = "templates/php/";
include("templates/php/data/transform.php");
?>
<!-- /XML/XSLT content -->
<div class="item alt nophotos">
<h2 class="png" style="padding-top:6px">Notes</h2>
<div class="content png scale">
This is a generic container for copy and other non-image items.
Drag this window by its title bar to move it.
</div>
<div class="clear png"></div>
</div>
<!-- end container -->
</div>
<!-- end photos -->
<div id="about-content" class="item alt nophotos">
<h2 class="png" style="padding-top:6px">Instructions</h2>
<div class="content png scale">
<p class="nospacing">View photos either by collection, or by keyword search. If applicable, multiple pages of photos are provided via icons under the collection tab.</p>
<h2>About</h2>
<p class="nospacing">Original code and images by <a href="http://www.schillmania.com/">Scott Schiller</a>. This web-based app is freely distributable for non-commercial use.</p>
<h2>Resources</h2>
Source: <a href="http://www.schillmania.com/projects/35mm/">35mm Photo Viewer Homepage</a><br />
Comments? Questions? Found a bug? <a href="http://www.scottschiller.com/">Make contact</a>.
</div>
<div class="clear png"></div>
</div>
</div>
<!-- end #container -->
</div>
</div>
</div>
<div id="photoIcons">
<img src="image/picture.gif" alt="picture icon" />
<img src="image/picture_1.gif" alt="picture icon - active" />
</div>
<p id="debug" class="debug"> </p>
<script type="text/javascript">preInit();</script>
</body>
</html>
超酷的AJAX源码和Demo（1） （223个子文件） 
moving-the-general.avi 468KB
base.css 9KB base-alpha.css 8KB base-white.css 7KB base-inverted.css 7KB demo.css 4KB template-xmlonly.css 324B template.css 240B
moving-the-general_thumb.gif 11KB search_result_faceplate.gif 6KB search_result_faceplate.gif 6KB search_result_faceplate_active.gif 4KB search_result_faceplate_active.gif 4KB search_result_faceplate_active.gif 4KB picture_frame.gif 3KB picture_frame.gif 3KB picture_frame.gif 3KB search_bar_faceplate.gif 2KB search_bar_faceplate.gif 2KB loader_progress.gif 2KB loader_progress.gif 2KB search_bar_input_bg_active.gif 2KB header_left.gif 2KB search_result_bg_active.gif 2KB search_bar_input_bg_active.gif 1KB search_bar_input_bg_active.gif 1KB search_bar_input_bg.gif 1KB search_bar_input_bg.gif 1KB search_bar_input_bg.gif 1KB search_bar_go_enabled_hover.gif 1KB search_bar_go_enabled.gif 1KB search_bar_minimize.gif 1KB search_bar_minimize_hover.gif 1KB search_bar_bg.gif 1KB collection_top_bg.gif 1020B loader_faceplate.gif 986B loader_faceplate.gif 986B search_result_faceplate.gif 897B tab_search.gif 672B tab_search_active.gif 666B tab_photos.gif 664B search_bar_go_disabled.gif 659B tab_search_active.gif 645B tab_photos_active.gif 645B tab_search.gif 645B tab_photos_active.gif 642B tab_photos.gif 640B tab_about_active.gif 626B tab_about_active.gif 626B tab_about.gif 625B tab_about.gif 625B search_bar_minimize.gif 621B search_bar_minimize_hover.gif 621B bookmark.gif 610B bookmark.gif 610B bookmark.gif 610B page_bg.gif 600B page_bg.gif 600B page_bg.gif 600B search_result_bg.gif 571B search_result_bg.gif 434B search_bar_go_enabled.gif 422B search_bar_go_enabled_hover.gif 422B search_bar_go_disabled.gif 418B page_1.gif 408B tab_photos_active.gif 396B tab_search_active.gif 391B tab_about_active.gif 390B header_right.gif 386B tab_photos.gif 385B page_selected.gif 371B page_1.gif 371B tab_search.gif 368B page.gif 365B page.gif 365B collection_top_bg.gif 364B search_result_bg.gif 355B search_bar_faceplate.gif 355B collection_top_bg.gif 346B search_bar_bg.gif 323B picture_ani.gif 314B picture_ani.gif 314B picture_1.gif 273B tab_about.gif 268B search_bar_bg.gif 223B collection_bottom_bg.gif 218B collection_bottom_bg.gif 209B photos_bar_bg.gif 208B photos_bar_bg.gif 208B loader_bg.gif 207B loader_bg.gif 207B photo_collection_bg.gif 174B photo_collection_bg.gif 154B header_bullet.gif 139B picture.gif 135B collection_bottom_bg.gif 113B video.gif 106B video.gif 106B search_bar_go_enabled_hover.gif 101B margin_right.gif 99B共 223 条
- 1
- 2
- 3
评论0
最新资源