jQuery plugin Watermark

JavaScript

画像にウォーターマーク(透かし)を入れれる「jQuery plugin Watermark」

jQuery plugin Watermarkはブラウザ上で画像にウォーターマーク(透かし)を入れることができます。入れたいテキストや画像を用意しておき、サイズや不透明度などをオプションを使って設定することが可能です。

jQuery plugin Watermark

jQuery plugin Watermark

デモではテキスト、テキストカラー、背景カラー、表示位置、不透明度、マージン、などを設定できるようになっています。

表示位置(gravith)に関しては、Northwest、North、Northeast、West、East、Southwest、South、Southeastの8つの中から指定することができます。

画像をアップする際に、わざわざPhotoshopなどで透かしを入れて加工しなくても済むので、手間暇かけたくない方には便利なプラグインですね。

画像のダウンロード防止にも役立つので、気になる方は是非チェックされてみてはいかがですか?

Yamm 3メガメニューをBootstrap3で実装する「Yamm 3」前のページ

遊び心あるアニメーションと美しさを追求したアンダーライン「underline.js」次のページunderline.js

関連記事

  1. no-image

    JavaScript

    シンプルで美しい軽量のjQueryモーダルウィンドウ「umodal」

    umodalはスッキリしたシンプルで美しいモーダルウィンドウを実装でき…

  2. JavaScript

    レイアウトを超簡単に雑誌風に整列してくれるjQuery Masonryの使い方

    jQuery Masonryというプラグインを使えば、ものすごく簡単に…

  3. jQuery Waterwheel Carousel

    JavaScript

    水平や垂直方向に配置できる水車のような便利なカルーセル「jQuery Waterwheel Caro…

    水平方向や垂直方向に配置できる水車のような便利なカルーセル「jQuer…

  4. JavaScript

    リストのテキストを1つずつ垂直にスライドさせていくjQueryのティッカー「Totem Ticker…

    おもしろいですね、これ。リスト化したli要素を1つずつ垂直方向にスライ…

  5. no-image

    JavaScript

    プレーンなJavaScriptによるレスポンシブなLightbox「jsOnlyLightbox」

    jsOnlyLightboxは、jQueryなどを必要としないプレーン…

  6. infoBox

    JavaScript

    マウスオーバーでインフォメーションボックスを表示させる「infoBox」

    infoBoxはアイコンにマウスオーバーするとインフォメーションボック…

最近の記事

  1. CAR-HLD12BK
  2. OWL-LPB6701LA
  3. cheero Power Mountain mini 30000mAh CHE-110

アーカイブ

PAGE TOP