I'm evaluating floatbox for an art gallery site. An instance of the fbCycler successfully instantiated in a skeleton page with page-specific settings in the head, but the image cycler seems to ignore those settings.

<script type="text/javascript">
fbPageOptions = {
licenseKey: "xxxxxxxxxxxx",
titleAsCaption: false,
navType: "none",
colorTheme: "white",
roundCorners: "none",
modal: false,
autoFitImages:true,
cyclePauseOnHover: true,
showPlayPause: false,
randomOrder: true,
showIndexThumbs: false,
showItemNumber: false,
outsideClickCloses: false,
showNewWindowIcon: false,
showClose: false,
minContentHeight: 185,
minContentWidth: 185,
splitResize: true,
startAtClick: false,
overlayFadeDuration: 0,
imageFadeDuration: 2,
crossFadeImages: false,
doAnimations: false
};
</script>

As you can see I've meant to disable image cross fading, so that the current artwork displayed doesn't appear over the previous, and have changed other related settings to try to account for any dependencies, but the crossfade persists.

I'd appreciate any help you can give. I have a screen capture that I can provide to illustrate if needed.

Thanks.

Here's the corresponding markup:

<div class="fbCycler" style="height:185px;">
	<div><img src="images/1.jpg"></div>
	<div><img data-fb-src="images/2.jpg"></div>
	<div><img data-fb-src="images/3.jpg"></div>
	<div><img data-fb-src="images/4.jpg"></div>
	<div><img data-fb-src="images/5.jpg"></div>
	<div><img data-fb-src="images/6.jpg"></div>
	<div><img data-fb-src="images/7.jpg"></div>
	<div><img data-fb-src="images/8.jpg"></div>
	<img data-fb-src="images/9.jpg" />
</div>

update: While this still might be an issue, it's no longer relevant for me. I realized that a auto-starting, continuous slideshow was what I needed and replaced the cycler. All is well.

Let me add that this is a beautiful library and I will be purchasing at least one license in the immediate future. The completeness and detail of the documentation alone merits purchase. Please keep up development.

Cheers.

Even though you no longer require an answer, I will follow-up anyway.

Nearly all the options you quoted in your original post apply to standard floatbox content such as gallery sets and slideshows (which it sounds like you are now using). There are only 4 settable options that apply to the fbCycler sets and these are described in their own section of the Options Reference. I think the one you were looking for is cycleFadeDuration.

Thanks, I discovered the options breakdown between the second and third posts and realized the mistake. It's still not entirely obvious which are global and which are specific settings, but that just requires experimentation which is half the fun.

The site I'm building will end up incorporating many of floatbox's features: auto slideshow, modal text captions, modal document link lists, etc. It's easily saving me a week of dev time for the various modal bits, for which I'm grateful.