使用 CSS 背景圖層的概念,幫圖片加上一層保護膜就像是替照片加上一層護貝那樣。
首先,製作一張完全透明的 gif 圖檔(圖檔大小 1px寬*1px高就行了)
命名為:watermark.gif
請按右鍵另存圖檔將 watermark.gif 複製到 CPG位置下的 /images 資料夾裡面
測試用CPG版本:1.42
修改:/include/themes.inc.php
找到:
$geom = 'width="' . $row['pwidth'] . '" height="' . $row['pheight'] . '"';
用以下的程式碼取代:
//加上護貝
$geom = ') white no-repeat center; width:'.$row['pwidth'].'px;height:'.$row['pheight'].'px" width="' . $row['pwidth'] . '" height="' . $row['pheight'] . '"';
找到:
<?php echo '<a href="javascript: window.close()"><img src="'
. htmlspecialchars($imagedata['path']) . '" '
. $imagedata['geometry']
. 'alt="'
. htmlspecialchars($imagedata['name'])
. '" title="'
. htmlspecialchars($imagedata['name'])
. "\n" . $lang_fullsize_popup['click_to_close']
. '" /></a><br />' ."\n";
?>
用以下的程式碼取代:
<?php
//加上護貝
echo '<a href="javascript: window.close()"><img src="images/watermark.gif" style="background:url(
'
. htmlspecialchars($imagedata['path']) .''
. $imagedata['geometry']
. 'alt="'
. htmlspecialchars($imagedata['name'])
. '" title="'
. $lang_fullsize_popup['click_to_close']
. '" /></a><br />' ."\n";
?>
這時候點中級圖片後出現的 fullsize 圖片將被一層看不到的圖檔保護,
按下右鍵看內容的時候在網址位置出現的將是watermark.gif的位置。
就算使用滑鼠拖曳,也只會拖到watermark.gif圖檔。
如果想要避免被使用『螢幕拷貝』的話,可以建立一個略大且透明有標示的的圖檔。
命名為:watermark-sw.gif
請按右鍵另存圖檔將watermark.gif替換成watermark-sw.gif
圖片顯示時將會有浮水印的效果。