Search jQuery

jQuery Forum

Delaying the visibility of a Cycle plugin

in Using jQuery Plugins • 11 years ago

I have added some custom code to a flash-based CMS, essentially placing an instance of a Cycle plugin on the page with the flash content.

This is a work around, and not ideal, but my question, is there a way to delay the visibility of the plugin (hide it, basically) so that when a visitor first comes to the site they only see the flash intro, and then after x seconds the Cycle plugin fades in and becomes visible on the page? (I've got a regular fade in working properly, by the way. I'd just like to delay the start of the cycle.)

Or is there a way to integrate things more closely with the flash content and create an onclick command that shows/unhides the Cycle instance? I've attached the example code for further insight into my situation.

Many thanks.

Attachments

jquery_cycle_flash_example
Size : 5.34 KB Downloads : 2411 Download

Replies(2)

charlietfl

Re: Delaying the visibility of a Cycle plugin

11 years ago

you could use a javascript setTimeout() to fade in your slide container and initialize cycle then

this_just..

Re: Re: Delaying the visibility of a Cycle plugin

11 years ago

thanks for the suggestion. i did use a setTimeout(), but i'm now noticing that right when the slide container is initialized by this method, there's a quick flash of the content (just the first image in the container). after this quick flash, the slide container then fades in correctly.

i've tried to initially hide the content to prevent this, but does anyone have any suggestions?

here is, i think, the pertinent code:

$(document).ready(function() {

var t=setTimeout("xSlides()",11000);

});

function xSlides() {

$('#slideshow img:first').fadeIn(8000);

$('#slideshow').cycle({fx: 'fade', speed:2500, timeout: 10000 });

}

</script>

<body>

<!--all the images are listed here--!>

</div>

Top Reply

Response title

Attachments

jQuery Forum

Delaying the visibility of a Cycle plugin

Attachments

Replies(2)

Re: Delaying the visibility of a Cycle plugin

Re: Re: Delaying the visibility of a Cycle plugin

Statistics

Tags

Actions