0

我在我的 wordpress 主题中使用 nivo 滑块 jQuery 插件（没错，我使用的是 jQuery 插件而不是 WordPress 插件），无论出于何种原因，图像转换都是可怕的。

就像，它们缓慢而不稳定，你会看到过渡效果，直到图像再次改变。这就是我的意思：

在此处输入图像描述

这是我的 jQuery 代码

jQuery(document).ready(function() {  

    var logo_width = jQuery('.logo a img').width();
    jQuery('.logo').width(logo_width);

    jQuery('#cycler').nivoSlider({
        effect: 'fade', // Specify sets like: 'fold,fade,sliceDown'
        slices: 15, // For slice animations
        boxCols: 6, // For box animations
        boxRows: 2, // For box animations
        animSpeed: 500, // Slide transition speed
        pauseTime: 3000, // How long each slide will show
        startSlide: 0, // Set starting Slide (0 index)
        directionNav: true, // Next & Prev navigation

        controlNav: true, // 1,2,3... navigation
        controlNavThumbs: false, // Use thumbnails for Control Nav

        manualAdvance: false, // Force manual transitions
        prevText: 'Prev', // Prev directionNav text
        nextText: 'Next', // Next directionNav text
        randomStart: false, // Start on a random slide
    });
});
4

3 回答 3

1

您需要删除幻灯片中所有对象标签包装的图像。

示例： 从

<ul id="slider">
<li><img src="..." /></li>
<li><img src="..." /></li>
<li><img src="..." /></li>
<li><img src="..." /></li>
</ul>

至

<div id="slider">
<img src="..." />
<img src="..." />
<img src="..." />
<img src="..." />
</div>
于 2012-11-26T04:20:14.290 回答
1

嗯，你的代码没有明显的问题——除了你使用过的事实jQuery(document).ready(function() {

这可能是问题所在，document.ready() 将在所有图像下载之前运行，因此您在图像仍在下载时（可能）运行滑块转换。

我会jQuery(window).load(function() {改用。

此外，参数列表的末尾还有一个逗号。这不会导致迟缓问题，但会导致它在 IE7 中失败（如果这对您来说是个问题）。

于 2012-08-21T15:00:08.347 回答
1

我在这里参加聚会很晚，但我遇到了同样的问题并设法解决了。

原来它与切片设置有关。请注意您的切片如何设置为 15，并且“过渡”中有 15 个段如果您将切片设置为 1，您应该能够对其进行排序。

我花了很长时间才弄清楚当它发生在我身上时发生了什么。

于 2013-12-12T21:06:46.487 回答