<!DOCTYPE HTML>
<html>
<head>
<title>Gallery</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="Fashion Responsive web template,Flat Web Templates, Android Compatible web template,
Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, Sony Ericsson, Motorola web design" />
<script type="applijewelleryion/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
<!--fonts-->
<link href='#css?family=Open+Sans+Condensed:300,700' rel='stylesheet' type='text/css'>
<link href='#css?family=Open+Sans:400,600' rel='stylesheet' type='text/css'>
<!--fonts -->
<!-- Custom Theme files -->
<link href="css/style.css" rel='stylesheet' type='text/css' />
</head>
<body>
<!-- Custom Theme files -->
<div class="main">
<div class="nav-circle">
<div class="logo">
<a href="index.html"><h1>M</h1></a>
</div>
<div class="right-nav">
<div class="socialCircle-round">
<div class="socialCircle-item"><a href="contact.html"><img src="img/i6.png"/></a></div>
<div class="socialCircle-item"><a href="404.html"><img src="img/i5.png"/></a></div>
<div class="socialCircle-item"><a href="gallery.html"><img src="img/i4.png"/></a></div>
<div class="socialCircle-item"><a href="services.html"><img src="img/i3.png"/></a></div>
<div class="socialCircle-item"><a href="about.html"><img src="img/i2.png"/></a></div>
<div class="socialCircle-item"><a href="index.html"><img src="img/i1.png"/></a></div>
<div class="socialCircle-center closed"></div>
</div>
</div>
<script src="js/jquery-1.11.1.min.js"></script>
<script src="js/socialCircle.js"></script>
<script type="text/javascript">
$( ".socialCircle-center" ).socialCircle({
rotate: 0,
radius:130,
circleSize:2,
speed:300
});
</script>
<div class="clear"></div>
</div>
<link rel="stylesheet" href="css/supersized.css" type="text/css" media="screen" />
<link rel="stylesheet" href="theme/supersized.shutter.css" type="text/css" media="screen" />
<script type="text/javascript" src="http://ajax.useso.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
<script type="text/javascript" src="js/jquery.easing.min.js"></script>
<script type="text/javascript" src="js/supersized.3.2.7.min.js"></script>
<script type="text/javascript" src="theme/supersized.shutter.min.js"></script>
<script type="text/javascript" src="js/innards.js"></script>
<!--Demo styles (you can delete this block)-->
<ul id="demo-block-six">
<h3 class="tittle">Gallery</h3>
<div class="gallery">
<div class="gallery-grids">
<div class="gallery-grid">
<div class="gallery-grid1">
<a class="lightbox" href="#two">
<img src="img/g1.jpg" alt=""/>
</a>
<div class="lightbox-target" id="two">
<img src="img/g1.jpg" alt=""/>
<a class="lightbox-close" href="#"> </a>
<div class="clear"> </div>
</div>
</div>
<div class="gallery-grid1">
<a class="lightbox" href="#one">
<img src="img/g2.jpg" alt=""/>
</a>
<div class="lightbox-target" id="one">
<img src="img/g2.jpg" alt=""/>
<a class="lightbox-close" href="#"> </a>
<div class="clear"> </div>
</div>
</div>
</div>
<div class="gallery-grid">
<div class="gallery-grid1">
<a class="lightbox" href="#four">
<img src="img/g4.jpg" alt=""/>
</a>
<div class="lightbox-target" id="four">
<img src="img/g4.jpg" alt=""/>
<a class="lightbox-close" href="#"> </a>
<div class="clear"> </div>
</div>
</div>
<div class="gallery-grid1">
<a class="lightbox" href="#three">
<img src="img/g3.jpg" alt=""/>
</a>
<div class="lightbox-target" id="three">
<img src="img/g3.jpg" alt=""/>
<a class="lightbox-close" href="#"> </a>
<div class="clear"> </div>
</div>
</div>
</div>
<div class="gallery-grid">
<div class="gallery-grid1">
<a class="lightbox" href="#five">
<img src="img/g5.jpg" alt=""/>
</a>
<div class="lightbox-target" id="five">
<img src="img/g5.jpg" alt=""/>
<a class="lightbox-close" href="#"> </a>
<div class="clear"> </div>
</div>
</div>
<div class="gallery-grid1">
<a class="lightbox" href="#six">
<img src="img/g6.jpg" alt=""/>
</a>
<div class="lightbox-target" id="six">
<img src="img/g6.jpg" alt=""/>
<a class="lightbox-close" href="#"> </a>
<div class="clear"> </div>
</div>
</figure>
</div>
</div>
<div class="gallery-grid">
<div class="gallery-grid1">
<a class="lightbox" href="#eight">
<img src="img/g2.jpg" alt=""/>
</a>
<div class="lightbox-target" id="eight">
<img src="img/g2.jpg" alt=""/>
<a class="lightbox-close" href="#"> </a>
<div class="clear"> </div>
</div>
</div>
<div class="gallery-grid1">
<a class="lightbox" href="#seven">
<img src="img/g7.jpg" alt=""/>
</a>
<div class="lightbox-target" id="seven">
<img src="img/g7.jpg" alt=""/>
<a class="lightbox-close" href="#"> </a>
<div class="clear"> </div>
</div>
</div>
</div>
<div class="clearfix"> </div>
</div>
</div>
<div class="copy">
<p>Copyright © 2015.Company name All rights reserved.<a target="_blank" href="http://guantaow.taobao.com/">厚朴网络淘宝店</a><a target="_blank" href="http://www.moobnn.com">网页模板</a></p>
</div>
<!--script-->
</ul>
</div>
<!--End of styles-->
<!--Thumbnail Navigation-->
<div id="prevthumb"></div>
<div id="nextthumb"></div>
<!--Arrow Navigation-->
<a id="prevslide" class="load-item"></a>
<a id="nextslide" class="load-item"></a>
<div id="thumb-tray" class="load-item">
<div id="thumb-back"></div>
<div id="thumb-forward"></div>
</div>
<!--Time Bar-->
<div id="progress-back" class="load-item">
<div id="progress-bar"></div>
</div>
<!--Control Bar-->
<div id="controls-wrapper" class="load-item">
<div id="controls">
<a id="play-button"><img id="pauseplay" src="img/pause.png"/></a>
<!--Slide counter-->
<div id="slidecounter">
<span class="slidenumber"></span> / <span class="totalslides"></span>
</div>
<!--Slide captions displayed here-->
<div id="slidecaption"></div>
<!--Thumb Tray button-->
<a id="tray-button"><img id="tray-arrow" src="img/button-tray-up.png"/></a>
<!--Navigation-->
<ul id="slide-list"></ul>
</div>
</div>
</body>
</html>
幻灯片样式图片相册模板是一款CSS3模板，适合个人专辑相册展示网站模板下载.rar （60个子文件） 
g3.jpg 87KB
supersized.shutter.min.js 7KB style.css 36KB
nav-dot.png 3KB i5.png 3KB g2.jpg 103KB bg-hover.png 960B 2.jpg 377KB i4.png 3KB supersized.3.2.7.js 35KB thumb-back.png 2KB
progress.gif 3KB progress-back.png 929B nav-dot1.png 2KB socialCircle.js 3KB jquery.easing.min.js 7KB menu.png 3KB 6.jpg 408KB i1.png 3KB 1.jpg 431KB i3.png 3KB g7.jpg 159KB i61.png 3KB i51.png 3KB g6.jpg 113KB forward.png 3KB 5.jpg 197KB supersized.shutter.css 5KB
404.html 4KB innards.js 3KB g5.jpg 190KB back.png 3KB play.png 2KB button-tray-up.png 1KB img-sprite.png 12KB services.html 6KB button-tray-down.png 1KB progress-bar.png 929B 8.jpg 564KB supersized.3.2.7.min.js 17KB index.html 5KB nav-bg.png 995B jquery-1.11.1.min.js 94KB contact.html 5KB about.html 6KB bg-black.png 1KB g4.jpg 99KB pause.png 1KB supersized-logo.png 4KB i2.png 3KB thumb-forward.png 2KB 3.jpg 500KB 7.jpg 1.65MB supersized.shutter.js 12KB supersized.css 2KB g1.jpg 191KB 9.jpg 333KB 4.jpg 521KB gallery.html 7KB i6.png 3KB资源评论
