JQUERY图片波浪显示效果,点击弹出大图

JQUERY图片波浪显示效果,点击弹出大图434
HTML结构将包括一个wd-wrapper主要包装器类。
在演示设置为绝对的,这样我们可以绷在页面左/右/顶部/底部没有给它一个高度或宽度。
但它也可能是一个相对的元素定义的宽度和高度。正弦曲线将自动适应包装的高度。在演示中,您可以看到,窗口大小来工作。有几个选项可以使用为了调整波的外观和动画。
让我们看看默认选项:
speed               : 1000,             
// speed for the animations
 
easing              : 'easeInOutExpo',  
// easing for the animations
 
minImgW             : 50,               
// minimum width the thumbnail 
// will have (randomly set)
 
maxImgW             : 90,               
// maximum width the thumb 
// image will have (randomly set)
 
minImgAngle         : -15,              
// minimum rotation angle the 
// thumbnail will have (randomly set)
 
maxImgAngle         : 15,               
// maximum rotation angle 
// the thumbnail will have (randomly set)
 
leftFactor          : 40,               
// space between images on the x-axis  
 
startFactor         : 1,                
// the higher this value, the more 
// space between the first thumbnail and 
// the left of the container
 
sinusoidFunction    : {
    A   : 100,  // amplitude
    T   : 700,  // period
    P   : 0     // phase
}

也许你还喜欢