[外掛]img標籤自動縮圖+點擊放大

[蒼浩]

以下的作法是我參考全聯社區的自動縮圖方式所做的。
因為全聯社區本來的自動縮圖 script ，除了會將大圖縮小，小圖在用滑鼠點擊之後會放大，這樣實在有點難看，所以我做了修改。

開啟 你所使用的風格/bbcode.tpl，並尋找\r

代碼: 選擇全部

<!-- BEGIN img --><img src="{URL}" border="0" /><!-- END img -->

替換為\r

代碼: 選擇全部

<!-- BEGIN img --><img src="{URL}" onload="javascript:if(this.width >= screen.width * [color=red]0.7[/color]) this.width = [color=red]250[/color]" onclick="javascript:if(this.width == 250) {this.width = screen.width * 0.7} else {if(this.width >= screen.width * 0.69) {this.width = 250}};" border="0" alt="圖片：點擊縮放" title="圖片：點擊縮放" /><!-- END img -->

修改完成。

這個外掛的動作方式如下：

1. 載入圖片時，檢查圖片的寬度是否大於螢幕解析度寬度 * 0.7。是的話便修改圖片寬度為 250。
2. 滑鼠左鍵點擊圖片時：
   1. 首先會檢查圖片的寬度是否等於 250，是的話便修改圖片寬度為螢幕解析度寬度 * 0.7，不是的話繼續下一步驟。
   2. 檢查圖片寬度是否大於螢幕解析度寬度 * 0.69，是的話便修改圖片寬度為 250。
3. 假設原始圖片大小大於螢幕解析度寬度 * 0.7，那2-1和2-2的動作會不斷重複（如果你用滑鼠左鍵一直按的話）。

如果你想要有右鍵觀看原圖的功能，則改為\r

代碼: 選擇全部

<!-- BEGIN img --><img src="{URL}" onload="javascript:if(this.width >= screen.width * 0.7) this.width = 250" onclick="javascript:if(this.width == 250) {this.width = screen.width * 0.7} else {if(this.width >= screen.width * 0.69) {this.width = 250}};" [color=red]oncontextmenu="javascript:window.open('{URL}'); window.event.returnValue=false;"[/color] border="0" alt="圖片：點擊縮放" title="圖片：點擊縮放" /><!-- END img -->