I'm using PHP to load all the images in one folder and output them onto the page with img tags, using opendir and readdir. I'm using jquery cycle to turn the listed images into a slide show.
It works but there is a problem. When I use this method, there is about a 4 second delay between slides, where nothing is displayed. A slide fades out, about 4 seconds, the next slide fades in.
I've tried setting timeout to a negative number and that had no effect. I only have one other option, 'fx' set to 'fade' on and no other cycle options specified.
I tried just putting a few images from that folder into the slide div manually (no php) and it works normally, no delay, one slide fades into another, just like the default cycle plugin should.
Why would loading the list of images via php cause a delay between slides? I'd think if there was a problem it just wouldn't work at all. Since the images are being output and cycle is seeing them, it feels like a bug but I can't be the first person to encounter this. Is there any advice I can get without having to paste my code? Maybe there's a known issue but I was unable to find any reference to it.
So far the Cycle plugin is working great but I have one small problem. I can't seem to get rid of the 1px space on the top and left of each image. I have several DIVs with background images as child elements to the main div specified in the script. I've tried setting border, padding and margin elements to 0 but so far nothing seems to work. I even tried making sure it wasn't my code, which is very simple, by using the same structure without the Cycle script and there's no extra space. Seems the plugin is adding it. Any ideas?