Home » jQuery 外掛

[jQ]WaterImage 1.0

[ 日期： | 瀏覽：10,026 | 迴響：4 ]
範例 1
請協助我把這個效果加到我的網站 (只要 600 元)
沒錯!只要 600 元就能獲得我們團隊完整的協助，讓效果能迅速的整合到您的網站，並保證瀏覽器的相容性。
立刻申請!

waterimage_1_0

雖然說把圖片放在網路上就要有被盜走的覺悟，不過若能加上浮水印的話，至少能起一點點的嚇阻效果。但要一張一張的修改可是會累死人的，因此筆者就想到改用類似浮水印的方式來達成同樣的功能。詳細的教學請參閱：用 jQuery 來做圖片偽浮水印

套件名稱：WaterImage
套件版本：1.0
作者網站：http://abgne.tw/jquery/jquery-plugins/waterimage-1-0.html
套件網址：N/A
發佈日期：2009-09-15
檔案大小：1.47 KB
檔案下載：jquery.watermark.js

參數說明：

檢視原始碼 JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19

blank(選填)
描述： 空白的遮罩圖示
預設值： 'images/blank.gif'
 
logo(選填)
描述： 要加上 Logo 版權宣告圖片位置；若不需要則保持空白
預設值： ''
 
position(選填)
描述： Logo 版權宣告圖片的擺放位置
預設值： 'bottom right'
 
prex(選填)
描述： 套用浮水印效果時 IMG 及 DIV 的 className 前綴
預設值： 'waterImage'
 
zIndex(選填)
描述： 套用浮水印效果時 IMG 及 DIV 的 z-index 值
預設值： 10000

方法說明：

檢視原始碼 JavaScript
1
2
3
4
5

// 幫指定的圖片加上浮水印的版權宣告效果
$(selector).waterImage(options);
 
// 修改預設的參數
$.waterImage.defaults = options;

使用範例：

檢視原始碼 JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20

<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="jquery.waterImage.js"></script>
<style type="text/css">
	.waterImage_img {
		border: 1px solid black;
	}
</style>
<script type="text/javascript">
	$(window).load(function(){
		$(".water").waterImage({
			logo: 'logo.gif'
		});
	});
</script>
 
<body>
	<img src="jquery_animate_menu.gif" alt="用 jQuery 做選單 – 動畫賀聯式選單" class="water" />
 
	<img src="htcmenu.gif" alt="用 jQuery 做選單 – 山寨版的 HTC 首頁選單" class="water" />
</body>
範例 1

檔案描述
基本的範例檔案(免空) 開始下載
基本的範例檔案 會員限定

4 筆針對 [jQ]WaterImage 1.0 的迴響

  1. 如果想套用LightWindow v2.0燈光效果http://www.hsiu28.net/html/jss.php?id=21還沒點圖時可以有浮水印點圖後圖片放大後也會有浮水印
    並且在縮圖上也能有浮水印，請問這樣的程式要怎麼寫?

發表迴響