mootools bug #2295

test for background-position

HTML

<p>	<strong>Fancy: </strong><a href="javascript:$('blove2').fancyShow();">Show</a> | <a href="javascript:$('blove2').fancyHide();">Hide</a>
    <br />
    <img src="http://www.kaspersky.pl/images/logo.gif" id="blove2" />
</p>

CSS

body {
}

JavaScript

window.addEvent('domready', function () {
    //time to implement fancy show / hide
    Element.implement({
        //implement show
        fancyShow: function () {
            this.fade('in');
        },
        //implement hide
        fancyHide: function () {
            this.fade('out');
        }
    });

    var fx = new Fx.Tween(m, {
        duration: 150,
        onComplete: function () {
            m.setStyle('background-image', 'url(' + pBackground + ')');
            m.fade('in');
        }
    });
    fx.start('opacity', 1, 0);
});