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
}