<!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>缩略图倾斜左右切换的幻灯片相册代码</title>
<link rel="stylesheet" type="text/css" href="css/lrzj.css" />
<script src="js/modernizr.js" language="javascript"></script>
<script src="js/jquery.min.js" language="javascript"></script>
<script src="js/jquery.parallaxSlider.js" language="javascript"></script>
<script type="text/javascript">
jQuery(document).ready(function($){
var easing = 'swing';
$("#slider2").parallaxSlider({
autoPlay:500,//false to disable, otherwise int duration in ms hold between slides
speed:2000, //transition duration between slides
easing: 'swing',
numBackgrounds: 3,
thumbRotation:false,
//debug:true,
});
$("#slider").parallaxSlider({
/* debug:true */
});
})
</script>
</head>
<body>
<div id="slider" class="slider" >
<div class="pxs_bg"> </div>
<div class="pxs_loading">Loading images...</div>
<div class="pxs_slider_wrapper">
<ul class="pxs_slider">
<li> <a href="http://www.jb51.net"><img src="images/featured_011.jpg" height="250" width="940" alt="脚本之家" /></a></li>
<li> <a href="http://www.jb51.net"><img src="images/featured_012.jpg" height="250" width="940" alt="脚本之家" /></a></li>
<li> <img src="images/featured_013.jpg" height="250" width="940" alt="脚本之家" /> </li>
<li> <img src="images/featured_014.jpg" height="250" width="940" alt="脚本之家" /> </li>
</ul>
<div class="pxs_navigation"> <span class="pxs_next"></span> <span class="pxs_prev"></span> </div>
<ul class="pxs_thumbnails">
<li> <img src="images/featured_011-150x150.jpg" height="150" width="150" alt="脚本之家" /> </li>
<li> <img src="images/featured_012-150x150.jpg" height="150" width="150" alt="脚本之家" /> </li>
<li> <img src="images/featured_013-150x150.jpg" height="150" width="150" alt="脚本之家" /> </li>
<li> <img src="images/featured_014-150x150.jpg" height="150" width="150" alt="脚本之家" /> </li>
</ul>
</div>
</div>
</body>
</html>
缩略图倾斜左右切换的jquery幻灯片相册插件.zip （22个子文件） 
132686873506664984 css 
lrzj.css 6KB images 
next.png 533B
featured_012.jpg 70KB featured_012-150x150.jpg 8KB bg2.png 16KB
ajax-loader.gif 3KB prev.png 513B featured_014-150x150.jpg 8KB bg3.png 17KB bg.png 35KB featured_013.jpg 81KB bg1.png 23KB play_pause.png 1KB featured_011.jpg 82KB featured_013-150x150.jpg 13KB featured_011-150x150.jpg 12KB featured_014.jpg 54KB
index.html 2KB js jquery.min.js 93KB jquery.parallaxSlider.js 17KB modernizr.js 2KB jquery.easing.js 4KB资源评论
