javascript - mootools マウス ホバー プラグインで画像を拡大

Question

現在の画像にマウスオーバーすると画像を拡大する mootools プラグインを探しています。そのため、ユーザーが画像にカーソルを合わせると、画像が拡大されているように感じます。私の要件に非常に近いのはhttp://highslide.com/でした。http://jsfiddle.net/Jmeks/2/を見つけたサンプルを次に示します。mootools 効果のある mootools を使用して、まさにこのようにする必要があります。どんな助けでも大歓迎です。

Answer 1

このフィドルはあなたのために働きますか？編集: 必要に応じて transform css プロパティを使用するようにリンクを変更しました。

JavaScript:

window.myFx = new Fx({
        duration: 300,
        transition: Fx.Transitions.Sine.easeOut
});
myFx.set = function(value) {
        var style = "scale(" + (value) + ")";
        $('content-block').setStyles({
            "-webkit-transform": style,
            "-moz-transform": style,
            "-o-transform": style,
            "-ms-transform": style,
            transform: style
        });
    }
$('content-block').addEvent('mouseover', function() {
    myFx.start(1,1.4);
});
$('content-block').addEvent('mouseout', function() {
    myFx.start(1.4,1);
});