mootools圖片放大鼠標懸停插件

我正在尋找一個mootools插件，它將放大鼠標懸停在當前圖像上的圖像。所以當用戶在圖像用戶上徘徊時，感覺圖像被放大了。非常接近我的要求是http://highslide.com/。這裏是我發現的一個樣本http://jsfiddle.net/Jmeks/2/。我需要完全像這樣使用具有一些mootools效果的mootools。任何幫助不勝感激。mootools圖片放大鼠標懸停插件

來源

2012-10-11 ARIF MAHMUD RANA

爲什麼你就不能做到這一點與CSS3？你需要的效果是跨瀏覽器兼容？ –

@Asad它需要跨瀏覽器兼容 –

this小提琴爲你工作嗎？編輯：我已經改變了鏈接，以便它根據您的需要使用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); 
});

來源

2012-10-12 09:24:58

阿薩德感謝您的幫助。你看到css3的解決方案，它將圖像縮放到1.4我需要類似的東西。 –

小提琴已更新。 –

正如我前面提到的，它必須是瀏覽器兼容的。我看到一些電子商務網站正在這樣做，圖像彈出，但不幸的是我不記得我可以自己做那些。謝謝你的幫助。 –

mootools圖片放大鼠標懸停插件

回答

相關問題