|
<link href="http://code.jquery.com/mobile/1.0rc2/jquery.mobile-1.0rc2.min.css" rel="stylesheet" />
<link href="jquery-mobile.css" type="text/css" rel="stylesheet" />
<link href="photoswipe.css" type="text/css" rel="stylesheet" />
<script type="text/javascript" src="photojs/klass.min.js"></script>
<script type="text/javascript" src="http://code.jquery.com/mobile/1.0rc2/jquery.mobile-1.0rc2.min.js"></script>
<script type="text/javascript" src="code.photoswipe.jquery-3.0.5.min.js"></script>
<script type="text/javascript">
(function(window, $, PhotoSwipe){
$(document).ready(function(){
$('#Gallery1')
.live('pageshow', function(e){
var
currentPage = $(e.target),
options = {},
photoSwipeInstance = $("#gallery2 a", e.target).photoSwipe(options, currentPage.attr('id'));
return true;
})
.live('pagehide', function(e){
var
currentPage = $(e.target),
photoSwipeInstance = PhotoSwipe.getInstance(currentPage.attr('id'));
if (typeof photoSwipeInstance != "undefined" && photoSwipeInstance != null) {
PhotoSwipe.detatch(photoSwipeInstance);
}
return true;
});
});
}(window, window.jQuery, window.Code.PhotoSwipe));
</script>
<div id="Gallery1" title="作品" class="panel" data-header="customer_header" data-footer="customer_footer" data-nav="side_home" data-tab="footer_zuopin">
<ul class="gallery" id="gallery2">
<li><a href="photoimages/full/001.jpg" rel="external"><img src="photoimages/thumb/001.jpg" alt="Image 001" /></a></li>
<li><a href="photoimages/full/002.jpg" rel="external"><img src="photoimages/thumb/002.jpg" alt="Image 002" /></a></li>
<li><a href="photoimages/full/003.jpg" rel="external"><img src="photoimages/thumb/003.jpg" alt="Image 003" /></a></li>
<li><a href="photoimages/full/004.jpg" rel="external"><img src="photoimages/thumb/004.jpg" alt="Image 004" /></a></li>
<li><a href="photoimages/full/005.jpg" rel="external"><img src="photoimages/thumb/005.jpg" alt="Image 005" /></a></li>
<li><a href="photoimages/full/006.jpg" rel="external"><img src="photoimages/thumb/006.jpg" alt="Image 006" /></a></li>
<li><a href="photoimages/full/007.jpg" rel="external"><img src="photoimages/thumb/007.jpg" alt="Image 007" /></a></li>
<li><a href="photoimages/full/008.jpg" rel="external"><img src="photoimages/thumb/008.jpg" alt="Image 008" /></a></li>
<li><a href="photoimages/full/009.jpg" rel="external"><img src="photoimages/thumb/009.jpg" alt="Image 009" /></a></li>
</ul>
</div>
|
|