暂停 Nivo 滑块

2024-01-13

我想在 Nivo 滑块运行之前暂停 5 秒钟,但显示第一张图像。所以我需要在属性中添加一些代码afterLoad我相信。

我试过了setTimout在运行滑块代码之前,它不会给出我想要的结果。

这是我当前的代码:

$(window).load(function(){
    $('#slider').nivoSlider({
        animSpeed: 500,
        pauseTime: 4000,
        effect : 'boxRain',
        directionNav : false,
        controlNav: false,
        afterLoad: function(){
            //$('#slider').data('nivoslider').stop();       
        }
    });
});

我不知道你的确切代码,但你可以使用 .stop() ,5 秒后你再次启动它。 $('#slider').data('nivoslider').stop(); //停止滑块 $('#slider').data('nivoslider').delay(5000).start(); //启动滑块

更正(因为在这种情况下延迟不起作用):

$(window).load(function(){
  $('#slider').nivoSlider({
   animSpeed: 500,
   pauseTime: 4000,
   effect : 'boxRain',
   directionNav : false,
   controlNav: false,
  });
  jQuery('#slider').data('nivoslider').stop();
  setTimeout("jQuery(#slider').data('nivoslider').start()",5000);
});
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

暂停 Nivo 滑块 的相关文章

  • Qt连接MySQL数据库出现错误信息:Driver not loaded

    首先请参考这篇博文 xff1a https blog csdn net silence lu article details 81702580 按照这篇博文设置完之后 xff0c 如果还不能连接上 xff0c 那么请将mysql服务器重启
  • qt中连接sqlite数据库提示QSQLITE driver not loaded解决办法(重要)

    如下 xff0c 经测试无效 xff0c 最后发现是plugins文件夹找错位置了 Qt加载数据库时 xff0c 数据库驱动必须放在sqldrivers文件夹下 xff0c 1 将Qt安装程序的plugins sqldrivers路径复制到
  • R6002-floating point not loaded 的问题解决方法 .

    最近项目的要计算浮点数据 xff0c 为了调试方便 xff0c 输出计算结果值到DEBUG信息 xff0c 结果却出现 R6002 错误 Google了一下 xff0c MSDN上对于R6002的描述信息是 xff1a 错误消息 未加载浮点
  • Loaded: loaded (/usr/lib/systemd/system/docker.service; enabled; vendor preset: disabled)解决方案

    docker service Docker Application Container Engine Loaded loaded usr lib systemd system docker service enabled vendor pr
  • R6002-floating point not loaded 的问题解决方法

    最近项目的要计算浮点数据 xff0c 为了调试方便 xff0c 输出计算结果值到DEBUG信息 xff0c 结果却出现 R6002 错误 Google了一下 xff0c MSDN上对于R6002的描述信息是 xff1a 错误消息 未加载浮点
  • 【venv】 dyld: Library not loaded: @executable_path/../.Python

    在昨晚使用brew updata之后 xff0c 重新打开之前的venv后 xff0c 使用python的时候就会报如下错误 dyld Library not loaded 64 executable path Python Referen
  • Nivo滑块自定义高度/宽度问题

    我已经寻找解决我的问题的方法 但尚未成功 我有不同尺寸的图像Nivo Slider 但我需要创建一个viewport显示图像居中div 这很难解释 但我在下面附上了一张图表 图像必须居中div 而div也必须反应灵敏 我不想要div更改其大
  • jQuery 检查图像是否已加载

    我需要有关以下不起作用的代码的帮助 var timeoutID 0 var currentImage 0 first image is position 0 in arrImages array var arrImages bla bla
  • Nivo 滑块不适用于 IE7

    我已经在这个网站上查看了很多关于 Nivo Slider 问题的帖子 我检查了 javascript 中的逗号 它看起来对我来说是正确的
  • Nivoslider 更新或重启甚至销毁

    我在加载动态内容时尝试更新 nivoslider 时遇到一些问题 我需要做的是当我通过加载新内容时更新滑块AJAX call 所以基本上我有一个 div 从函数中获取新数据AJAX调用并在加载后我需要滑块重新初始化 我现在做的是这样的 if
  • Nivo 滑块:第一次显示时第一张图像缩放不成比例

    我在 div 中使用 Nivo Slider jQuery 插件 该 div 的尺寸比我正在显示的图像小 当滑块滑动到第二个图像时 图像上的图像会正确缩小 但是 当第一次显示第一个图像时 加载页面后立即 它仅在宽度上缩放 而在高度上不缩放
  • 暂停 Nivo 滑块

    我想在 Nivo 滑块运行之前暂停 5 秒钟 但显示第一张图像 所以我需要在属性中添加一些代码afterLoad我相信 我试过了setTimout在运行滑块代码之前 它不会给出我想要的结果 这是我当前的代码 window load func
  • Nivo 滑块 + php

    我为网站创建了一个自定义 cms 并尝试使 nivo 滑块与我的数据库配合使用 但我的 while 循环出现问题 我只将图像的名称存储在数据库中 而图像本身存储在文件夹中 图像可以正常工作 但它们显示在实际幻灯片的上方 而实际的幻灯片已损坏
  • xdebug 扩展未加载

    我已经安装了 xdebug 显示在 phpinfo 中 但我试图让它与 PHPUnit 的代码覆盖功能一起使用 它一直告诉我 XDebug 扩展未加载 我的 phpunit 与 WAMP 工作得很好 当我运行 php m 时 我没有看到 p
  • Ken Burns 效果与 nivo 滑块

    有没有人设置一个尼沃滑块 http nivo dev7studios com 平移每个图像 又名肯伯恩斯效应 http en wikipedia org wiki Ken Burns effect 我正在尝试实现它 但有点棘手 事实上 我的
  • 如何在浏览器的调试器本身中调试动态加载的 JavaScript(使用 jQuery)?

    动态添加的脚本不会显示在浏览器调试器的脚本部分中 解释 我需要使用并且已经使用过 if someCondition true getScript myScirpt js function alert Load Complete myFunc
  • imagesLoaded 方法不适用于 JQuery 砌体和无限滚动

    我一直在使用 JQuery masonry 现在我正在添加无限滚动 几乎每个砖石 砖块 中都有图像 在我使用无限滚动之前 图像加载得很好 一切都很棒 我为无限滚动添加了 javascript 的下一部分 并在内部添加了 imagesLoad
  • 如何在ajax加载的内容中启动Nivo Slider?

    当包含 Nivo 滑块的页面已由 ajax 加载时 我无法启动 Nivo 滑块 这是 HTML div class work img class introPic src images thumb jpg width 250 height
  • 如何使 Nivo 滑块响应式

    我在 WordPress 中使用 NivoSlider 并对主题实现了一些响应式 css 我也修复了 Nivo Slider 中图像的宽度和高度以及背景大小 但它仅显示一次正确的大小 然后在滑块中显示大图像 这是该网站的链接 Website
  • 如何根据上一张或下一张幻灯片按键更改 Nivo Slider 中的效果?

    我想根据按下的按钮更改 Nivo Slider 上的过渡效果 关于如何实现这一目标有什么想法吗 Update澄清一下 我指的是下一个或上一个按钮 而不是键盘上的按钮 我正在寻找的是 如果一个人按下下一个按钮 则会调用 slipToRight

随机推荐