Fun With Transitions: ImageView that fades in on load.

FadingImageView.js

/*
  View Transitions, new in SC1.0, have made all kinds of effects drop-dead easy. Here's
  an ImageView which will fade nicely in when the image loads.
*/

FadingImageView = SC.ImageView.extend({
    isVisible: NO,
    isVisibleBinding: SC.Binding.oneWay('.status').transform(function(status) { return status === SC.IMAGE_STATE_LOADED; }),
    transitionShow: SC.View.FADE_IN,
    transitionShowOptions: { duration: 0.25 },
    transitionHide: SC.View.FADE_OUT,
    transitionHideOptions: { duration: 0.25 },
});