Effect chart
Code
| The code is as follows |
Copy Code |
|
<! DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 transitional//en" "Http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd ">
<meta http-equiv= "Content-type" content= "text/html; Charset=utf-8 "/>
<title> Focus chart with thumbnails, front side bus </title>
<link type= "Text/css" rel= "stylesheet" href= "Galleryview.css"/>
<script type= "Text/javascript" src= "Js/jquery-1.4.min.js" ></script>
<script type= "Text/javascript" src= "Js/jquery.easing.1.3.js" ></script>
<script type= "Text/javascript" src= "Js/jquery.galleryview-1.1.js" ></script>
<script type= "Text/javascript" src= "Js/jquery.timers-1.1.2.js" ></script>
<script type= "Text/javascript" >
$ (document). Ready (function () {
$ (' #photos '). Galleryview ({
panel_width:800,
PANEL_HEIGHT:300,
FRAME_WIDTH:100,
frame_height:100
});
});
</script>
<body style= "Background-color: #333;" >
<div class= "div" >
<div id= "Photos" class= "Galleryview" style= "Margin:auto"; >
<div class= "Panel" >
<div class= "Panel-overlay" >
<p>photo by <a href= "Profile/tomharry" target= "_blank" ></A>. View full-size photo <a href= "photo/158829" target= "_blank" >here</a>.</p>
</div>
</div>
<div class= "Panel" >
<div class= "Panel-overlay" >
<p>photo by <a href= "Profile/emsago" target= "_blank" ></A>. View full-size photo <a href= "photo/152865" target= "_blank" >here</a>.</p>
</div>
</div>
<div class= "Panel" >
<div class= "Panel-overlay" >
<p>photo by <a href= "Profile/baines" target= "_blank" ></A>. View full-size photo <a href= "photo/34453" target= "_blank" >here</a>.</p>
</div>
</div>
<div class= "Panel" >
<div class= "Panel-overlay" >
<p>photo by <a href= "Profile/jazza" target= "_blank" ></A>. View full-size photo <a href= "photo/990169" target= "_blank" >here</a>.</p>
</div>
</div>
<div class= "Panel" >
<div class= "Panel-overlay" >
<p>photo by <a href= "Profile/sgursozlu" target= "_blank" ></A>. View full-size photo <a href= "photo/738279" target= "_blank" >here</a>.</p>
</div>
</div>
<div class= "Panel" >
<div class= "Panel-overlay" >
<p>photo by <a href= "Profile/a_glitch" target= "_blank" ></A>. View full-size photo <a href= "photo/289581" target= "_blank" >here</a>.</p>
</div>
</div>
<div class= "Panel" >
<div class= "Panel-overlay" >
<p>photo by <a href= "Profile/thesaint" target= "_blank" ></A>. View full-size photo <a href= "photo/174331" target= "_blank" >here</a>.</p>
</div>
</div>
<div class= "Panel" >
<div class= "Panel-overlay" >
<p>photo by <a href= "Profile/djkmart" target= "_blank" ></A>. View full-size photo <a href= "photo/270109" target= "_blank" >here</a>.</p>
</div>
</div>
<ul class= "Filmstrip" >
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
</ul>
</div>
</div>
</body>
|
The above code if the direct copy is not available, you can click this connection download source code attachment
Http://file.111cn.net/upload/2013/10/with thumbnails of the focus map. zip
