說明： Plus Size Image Viewer會自動在您選擇的圖像下方添加一個標題，單擊該圖標時會啓動圖像的“加號”版本。放大的圖像可以是與原始圖像不同的圖像，因此前者僅在請求時按需加載。僅供參考，這個腳本的靈感來自在WSJ的 某些頁面上看到的類似圖像查看器 。
例：
路線
第1步：將以下腳本添加到頁面的<HEAD>部分：
它引用了兩個外部文件和一個圖像。在下面下載它們（右鍵單擊，然後選擇“另存爲”）：
第2步：然後，將以下示例標記添加到<BODY>：
要爲任何圖像添加“加號”標題，請在圖像的IMG標記內插入紅色的兩個屬性：
<img src =“thumb.jpg”style =“width：200px” data-plusimage =“large.jpg”data-plussize =“700,466” />
哪裏：
data-plusimage：放大圖像的完整URL或路徑，例如http://mysite.com/large.jpg或images / large.jpg。
data-plussize：放大圖像的寬度和高度，格式爲“w，h”。像素是假設的單位。
您要編輯的plusimageviewer.js中還有一些變量 ，最值得注意的是，服務器上“關閉”圖像的路徑：
enlargeboxmarkup：'<div class =“enlargebox”> <div class =“title”> <img src =“ closebox.gif ”style =“margin：2px 1px 1px 0”title =“Hide Image”/> </ div> <div class =“largeimage”> </ div> </ div>'，
captionoffset：[ - ， - 15]，//標題相對於圖像
淡化的左下邊緣的附加偏移量：[300,100]，/ /淡入和淡出持續時間，以毫秒爲單位