Fade a layer on/off smoothly?

Question

Is it possible to fade a layer on/off smoothly, rather than simply showing/hiding?

Thanks,
Steve

derekswingley1 · Answer

Glad I could help! I figured it was possible since you can do essentially the same thing with a slider.

Performance should be dependent on the client browser/machine since this is all done client side. The server shouldn't be an issue. There aren't any requests sent to the server by clicking a button to toggle a layer.

StephenLead · Answer

Awesome, thanks so much for posting that!

I noticed that fading in a feature layer is less successful, as it's more dependent on the server's performance, but for fading out it's perfect.

Thanks again,
Steve

derekswingley1 · Answer

I tweaked the sample you linked to so that layers are faded in/out when you click a button: http://jsfiddle.net/swingley/ew8VY/ The code is available there but here it is again for convenience: FeatureLayer On Demand

The relevant stuff is the layerVisibility function as well as the fader function which is called recursively to get the desired effect. This seems like more of a novelty than anything and I doubt it works in IE...I only tested in Chrome.