2018年04月20日(金)

イメージホバーにさまざまなエフェクトを加えるjQueryプラグイン「picBeautifier 3000」

• 0
• 0
• 0
• 0

使用方法

HTMLは下記のようにfigureで囲む形でimgを配置します。

JavaScriptです。
たとえばホバーでセピア調にしたい場合下記のようにします。

(function($) { $(function() { objFunctions.applyFilteryHover('figure', 'sepia', '100') }); })(jQuery);

拡大スケールの場合はhoverLargeScaleを使用します。

objFunctions.hoverLargeScale('figure', '1.3');

2つ記述することで、セピア調にしつつ拡大させることもできます。

objFunctions.applyFilteryHover('figure', ...