-2

I'm using Nivo Slider on http://tinyurl.com/5wtrau2 and I am unable to get the slideshow to operate correctly in Webkit, Chrome or Safari(mac). The slider transitions by making the current image a background image of the container and then randomly fades each box. It appears like the background image is reloading and there's a slight pause.

Ash
  • 1
  • 1
  • 3
  • 3
    it would help to see your script. Do you call the plugin within a $(function(){}); statement to make sure everything has loaded? – TommyBs Sep 29 '11 at 14:48
  • Combining all your CSS and JavaScript plugins into one big file may be efficient but it's not very conducive to troubleshooting. Do you still have this problem when you include the various plugins separately? – Sparky Sep 29 '11 at 15:01
  • 1
    @TommyBs, enclosing the script in a `$(function(){});`, the same as a `$(document).ready(function(){});`, does **not** make sure "everything" has loaded, it just ensures the DOM has been loaded. If you want to make sure all page assets, including images, have been loaded, you would use a `$(window).load(function(){});`. – Sparky Sep 29 '11 at 15:04
  • Thanks guys. I'm pretty sure that the issue isn't anything to do with the loading because it works fine in other browsers - the issue appears to be in Chrome and Safari only. @Sparky672 - Why would the problem disappear if I include the plugins separately? – Ash Sep 30 '11 at 17:24
  • Hmmm... I don't recall saying the problem _would_ disappear... I recall _asking you_ if you'd see them same. Semantics aside, if you include each of them separately, you can at least troubleshoot much more effectively and intelligently. You could remove or add them back one at a time to see which one is causing the problem, for example. Don't you want to know if Nivo, all by itself, along with your parameters, is still acting funny in Webkit? – Sparky Sep 30 '11 at 17:42
  • Thanks for clarifying @Sparky672 and I beg your pardon for misquoting you. I'm using a cms application I wrote and can add/remove the plugins with a few mouse clicks. I have already tried Nivo on it's own (without any other plugins loaded) and it behaves the same. Anyway I'm going to add the images into the html file rather than append them after the document has loaded. – Ash Sep 30 '11 at 18:37

2 Answers2

0

Adding the slideshow images with javascript/jquery and then invoking the Nivo Slider seems to have been the issue here for Windows Safari. I added the images into the html file and the problem was resolved, however it is still an issue with Chrome

Ash
  • 1
  • 1
  • 3
0

I used Google and found this: http://support.dev7studios.com/discussions/nivo-slider/561-flashing-before-transitions-in-mac-chrome#comment_13013897

Christian Nally
  • 96
  • 5