all images displayed breifly on page load

There are some workarounds for this problem:

Here is one:

In the CSS of the module add visibility:hidden to the contents div

.ddblock-contents {
visibility:hidden; /* make visible with jQuery when ddblock cycle starts */
}

With the CSS visibility setting the space for the contents div is reserved but the contents of the div and all child elements are not shown on the page.

To make the contents visible when the JavaScript starts to work add:

$script .= ".css('visibility', 'visible')\n";

to the ddblock.module where the script is made just before the line:

$script .= ".addClass('ddblock-processed')\n";

Hope this solution helps you solving your problem,

ppblaauw

I'm having a similiar issue, but i can't find this line in ddblock.modul:

$script .= ".addClass('ddblock-processed')\n";

Has it been changed in the last versions?

My problem is that i'm using transparent png's for the slider, and the second the website loads ALL slides are images for a short moment, before the "show starts".

Should this method cover that issue as well?

Thanks!

Just found this in ddblock.js, seems that line is there:

        //Use the parent of the slides as the parent container so the children function can be used for the second pager
        var $container = $('#ddblock-' + block + ' ' + contentContainer).parent()
        .cycle(options)
        .css('visibility', 'visible')
        .addClass('ddblock-processed');

Attached is a screen shot of what's happening.

The image shows two slides, when only one should be seen, and is what i see the second the site finished to load and before the slideshow starts. sometimes they are displayed like this, next to each other, and sometimes i see them all one on top the other.

I added the CSS line in this thread but it doesn't seem to help...

Ideas?

Could ajax loading change this?
A css magic trick?
Java voodoo?

I assume this is for RC6 of the module. The CSS line is already there in RC6 to make the slides visible when the cycle plugin starts.

I think you forgot to attach the screenshot.

Slides should not be show next to each other, In the css they are not visible until the cycle plugin is started.

If you only want to start the slideshow later, so there is more time for the first and other images to load, you could add a delay so the slideshow starts later.

You can add the following in the Custom jQuery Cycle Plugin Settings:

{"delay":2000}

The delay is in milliseconds, so this would be 2 seconds.

If you use big images, you could also use more optimized images, or use image cache presets to scale the images.

Do you have a link to the Internet Site?

@ppblaauw: just sent you a private message with a link to the site...

Sorry i can't post it here - but i'll keep this thread updated.

I see the issue, never seen it before, but also did not try to use transparent images.

Can you try the delay, you can also use negative values -2000.

Please let me know if this works.
Don't have transparent images at the moment and have to go home.
Will try something tomorrow.