jQuery点击图片弹出层显示详情
jQuery点击图片弹出层显示详情
源码介绍
页面的头部需要引入CSS样式、jquery库及javascript插件：
type="text/css" rel="stylesheet" href="css/style.css">
type="text/javascript" src="js/jquery-1.10.2.js">
type="text/javascript" src="js/velocity.min.js">
type="text/javascript" src="js/main.js">
type="text/javascript" src="js/modernizr.js">
body分为两个大的部分：第一个是初始的图片（含预览按钮），第二个是弹窗内容（包括图片集和详情内容），以下是示例代码：
class="cd-items cd-container">
class="cd-item">
src="images/g.png" alt="Item Preview">
href="#" class="cd-trigger">点击预览
class="cd-quick-view">
class="cd-slider-wrapper">
class="cd-slider">
class="selected"> src="images/g.png" alt="Product 1">
> src="images/g2.png" alt="Product 2">
> src="images/g3.png" alt="Product 3">
class="cd-slider-navigation">
> class="cd-next" href="#">上一页
> class="cd-prev" href="#">下一页