Nivo Slider 过渡效果和 Workz Wordpress 主题答案

【问题标题】：Nivo Slider transition effects and Workz Wordpress themeNivo Slider 过渡效果和 Workz Wordpress 主题
【发布时间】：2012-11-19 18:00:16
【问题描述】：

我正在尝试更改 Workz 主题主页上的 Nivo Slider 上的过渡效果（找到 here），但找不到 javascript。我查看了 PHP 文件，但除非我在这里丢失了它，否则我似乎无法看到相关的脚本。我想将效果更改为仅“淡入淡出”并将过渡减慢到大约 5-6 秒。没有带有主题的滑块菜单。非常感谢任何帮助。

【问题讨论】：

您是否查看过functions.php 并在某处追溯主页滑块的简码或php 代码。我可以在源代码中看到主页滑块上的 cmets，滑块 js 来自主题文件夹，这意味着它不是插件，而是主题的一部分。它必须是在主页标题或实际页面内容中用作短代码的东西。我没有源代码，否则很容易在这个文件中更改 yourwordpressurl/wp-content/themes/workz/js/jquery.nivo.slider.js?ver=3.5 文件的第 8 行和第 9 行显示速度和持续时间你可以在几毫秒内改变。

标签： wordpress nivo-slider

【解决方案1】：

如果您无法在主题中的任何位置找到设置，尤其是在 functions.php 中，请尝试在

中更改此 javascript 文件

yourwordpressurl/wp-content/themes/workz/js/jquery.nivo.slider.js?ver=3.5

文件的第 8 行和第 9 行显示了您可以更改的速度和持续时间（以毫秒为单位）将 3000 更改为 5000 或 6000 效果行：'random' 将 'random' 更改为 'fade'

jQuery(function($){
$(window).load(function() {
    $('#slider_nivo').nivoSlider({
        effect: 'random', // Specify sets like: 'fold,fade,sliceDown' <-- set to fade
        slices: 15, // For slice animations
        boxCols: 8, // For box animations
        boxRows: 4, // For box animations
        animSpeed: 300, // Slide transition speed
        pauseTime: 3000, // How long each slide will show <-- this is 3 seconds
        startSlide: 0, // Set starting Slide (0 index)
        directionNav: true, // Next & Prev navigation
        directionNavHide: false, // Only show on hover
        controlNav: true, // 1,2,3... navigation
        controlNavThumbs: false, // Use thumbnails for Control Nav
        controlNavThumbsFromRel: false, // Use image rel for thumbs
        controlNavThumbsSearch: '.jpg', // Replace this with...
        controlNavThumbsReplace: '_thumb.jpg', // ...this in thumb Image src
        keyboardNav: true, // Use left & right arrows
        pauseOnHover: true, // Stop animation while hovering
        manualAdvance: false, // Force manual transitions
        captionOpacity: 0.6, // Universal caption opacity
        prevText: 'Prev', // Prev directionNav text
        nextText: 'Next', // Next directionNav text
        beforeChange: function(){}, // Triggers before a slide transition
        afterChange: function(){}, // Triggers after a slide transition
        slideshowEnd: function(){}, // Triggers after all slides have been shown
        lastSlide: function(){}, // Triggers when last slide is shown
        afterLoad: function(){} // Triggers when slider has loaded
    }); // END nivo
    });// END window load
  });// END function

将带有 3000 的行更改为 5000 或 6000 以设置为 5 或 6 秒。

【讨论】：

非常感谢这个 Farrukh。我几乎要放弃这个主题，否则我很喜欢，直到你给我答案。为了让其他人更加清楚，我必须通过 FTP 编辑 js 文件，使用上面给出的路径，然后按照上面概述的方式进行适当的更改。