function setPreview(view) { var previewWidth = 115, previewHeight = 73, previewSrc = 'pages/preview.jpg', preview = $(_thumbPreview.children(':first')), numPages = (view==1 || view==$('#slider').slider('option', 'max')) ? 1 : 2, width = (numPages==1) ? previewWidth/2 : previewWidth; _thumbPreview. addClass('no-transition'). css({width: width + 15, height: previewHeight + 15, top: -previewHeight - 30, left: ($($('#slider').children(':first')).width() - width - 15)/2 }); preview.css({ width: width, height: previewHeight }); if (preview.css('background-image')==='' || preview.css('background-image')=='none') { preview.css({backgroundImage: 'url(' + previewSrc + ')'}); setTimeout(function(){ _thumbPreview.removeClass('no-transition'); }, 0); } preview.css({backgroundPosition: '0px -'+((view-1)*previewHeight)+'px' }); }
时间: 2023-08-20 18:00:35 浏览: 136
这段代码定义了一个名为 `setPreview` 的函数,用于设置预览图。
以下是代码的功能解释:
1. 定义预览图的宽度为 115,高度为 73,预览图的源文件路径为 'pages/preview.jpg'。
2. 获取预览图元素 `_thumbPreview` 的第一个子元素(即预览图的容器)。
3. 根据视图参数 `view` 的值判断需要显示的页数,如果是第一页或最后一页,则只显示一页,否则显示两页。
4. 根据页数确定预览图的宽度。
5. 通过添加类名和设置 CSS 属性来调整预览图容器的样式:
- 添加 `no-transition` 类名,以防止过渡效果。
- 设置宽度、高度、顶部和左侧位置,以调整预览图容器的大小和位置。
6. 设置预览图元素 `preview` 的宽度和高度。
7. 检查预览图元素的背景图片是否为空或为 'none',如果是,则设置背景图片为预览图的源文件路径。
8. 使用延迟函数设置一个延迟时间,然后移除 `no-transition` 类名,以启用过渡效果。
9. 设置预览图元素的背景位置,根据视图参数计算偏移量。
这段代码的作用是根据参数设置预览图的样式和背景位置,以显示正确的预览图。它还进行了一些样式的调整,以确保预览图容器的正确显示。
阅读全文