Nivo滑块在第一时间无法正常工作有时

我有一个网站。有些页面有一个滑块，其他页面没有。我有这个问题与nivo滑块。有时，无法确定何时，滑块未加载，因此不显示图像。如果再次单击相同的页面，滑块加载正确，一切正常。问题不是标准的，您必须多次尝试导航到所有页面。请检查出来，花费1-2分钟时间从菜单栏访问所有页面，以便看到问题。问题更多的是使用chrome - IE。链接在这里http://www.secureshop.gr/POOL/citycars/website Nivo滑块在第一时间无法正常工作有时

在此先感谢您。

来源

2014-01-15 GeorgeGeorgitsis

转载问题，但只是因为超时（可能与访问慢主机@ .gr有关）。您正在使用TON脚本并尝试一次加载高分辨率500kb图像。 –

我不认为主机很慢。许多网站都位于那里，没关系。也许Nivo滑块有错误？搜索了网页，但找不到与此相似的内容。 – GeorgeGeorgitsis

呃，我再玩了5分钟左右，因为所有的'images'都加载到我的'cache'中，所以无法再次重现问题。我认为你应该研究一些图像压缩，因为脚本，特别是插件，如果'DOM'没有准备好就会“超时”。 –

也许在身体的BASE加载脚本Nivo，以确保它不会在head运行，并造成任何形式的timeout问题。

只要DOM知道有一个img，它就会继续，并且该图像将在此期间加载，同时它向下推进其余的HTML。也许所有的img都没有下载，因此Nivo Slider没有正确显示。

<script type="text/javascript" src="js/jquery.nivo.slider.pack.js"></script> 
<script> 
    $('#slider').nivoSlider({ 
     effect: 'fade', // Specify sets like: 'fold,fade,sliceDown' 
     slices: 15, // For slice animations 
     boxCols: 8, // For box animations 
     boxRows: 4, // For box animations 
     animSpeed: 500, // Slide transition speed 
     pauseTime: 5000, // How long each slide will show 
     startSlide: 0, // Set starting Slide (0 index) 
     directionNav: true, // Next & Prev navigation 
     directionNavHide: true, // Only show on hover 
     controlNav: false, // 1,2,3... navigation 
     controlNavThumbs: false, // Use thumbnails for Control Nav 
     controlNavThumbsFromRel: true, // 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.8, // Universal caption opacity 
     prevText: '', // Prev directionNav text 
     nextText: '', // Next directionNav text 
     randomStart: false, // Start on a random slide 
     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 
    }); 
</script> 
</body>

来源

2014-01-16 00:46:57

这个工作？ –

Nivo滑块在第一时间无法正常工作有时

回答

相关问题