自動縮圖功能

全世界最多討論區架設者選用的討論區系統之一。

版主: hamu278, 銘仔, Puff

版面規則
  • 發問時注明 phpBB 版本及之前做過的動作。

自動縮圖功能

文章bananasims » 2009-06-23, 10:20

應 Frenchfriezz 要求,我已經加咗自動縮圖功能

呢一個係淨 [img] 代碼,咁圖會出張大圖:
代碼: 選擇全部
[img]http://lsforum.net/upload/users/public/e21787Screenshotg177.jpg[/img]

圖檔
呢一個係 [url] 裏面再有 [img] 代碼,咁圖唔會出張大圖:
代碼: 選擇全部
[url=http://bbs.i-circle.net][img]http://lsforum.net/upload/users/public/e21787Screenshotg177.jpg[/img][/url]

圖檔
就算上一層唔係 [url] 都 detect 到 :D
代碼: 選擇全部
[url=http://bbs.i-circle.net][b][img]http://lsforum.net/upload/users/public/e21787Screenshotg177.jpg[/img]test[/b][/url]

圖檔test

自己加去風格既 forum_fn.js
代碼: 選擇全部
/**
* Create Image Thumbnail
*/
function create_img_thumb() {
   var divs = document.getElementsByTagName('div');
   for(var i in divs) {
      if(divs[i].className == 'content') {
         var imgs = divs[i].getElementsByTagName('img');
         for(var j in imgs) {
            if(imgs[j].offsetWidth > 400) {
               imgs[j].style.width = '400px';

               // check if [url] covers the image
               var parentNode = imgs[j];
               var covered = false;
               do {
                  parentNode = parentNode.parentNode;
                  if(parentNode.tagName.toLowerCase() == 'a') {
                     covered = true;
                     break;
                  }
               } while(parentNode.className != 'content');

               if(!covered) {
                  var a = document.createElement('a');
                  a.className = 'postlink';
                  a.href = imgs[j].src;
                  a.appendChild(imgs[j].cloneNode(true));
                  imgs[j].parentNode.replaceChild(a, imgs[j]);
               }
            }
         }
      }
   }
}

onload_functions.push('create_img_thumb()');

jQuery 版(無寫到彈大圖既功能)
代碼: 選擇全部
$(document).ready(function() {
   $('div.content img').each(function() {
      if(this.offsetWidth > 400) {
         this.css('width' :  '400px');
      }
   });
}
影像.從心 At the heart of the ímage
bananasims
太陽會員
 
文章: 13541
註冊時間: 2005-09-22, 00:00

Re: 自動縮圖功能

文章人仔 » 2009-06-23, 11:48

做咩我有時會彈句野出泥之後張圖唔見左 :o
您沒有權限檢視這篇文章所附加的檔案。
頭像
人仔
金星會員
 
文章: 3129
註冊時間: 2007-01-23, 17:32
來自: 澳門 - K隆星

Re: 自動縮圖功能

文章bananasims » 2009-06-23, 11:49

頭先懶人 mode 改野 debug
整好晒 :D
影像.從心 At the heart of the ímage
bananasims
太陽會員
 
文章: 13541
註冊時間: 2005-09-22, 00:00

Re: 自動縮圖功能

文章hamu278 » 2009-06-23, 13:14

Good job! 遲 d 加入先
圖檔
頭像
hamu278
金星會員
 
文章: 4482
註冊時間: 2006-06-04, 08:49
來自: 香港

Re: 自動縮圖功能

文章大大師兄 » 2009-06-24, 04:33

不如全部 [img] 自動 width=100% 再外加一層 [url=圖片網址] 仲好啦 :oops: (明唔明我講緊乜?)
圖檔
大大師兄
地球會員
 
文章: 1400
註冊時間: 2009-01-16, 14:04

Re: 自動縮圖功能

文章bananasims » 2009-06-24, 11:14

唔鐘意 100%
影像.從心 At the heart of the ímage
bananasims
太陽會員
 
文章: 13541
註冊時間: 2005-09-22, 00:00

Re: 自動縮圖功能

文章tommygogo » 2011-03-09, 19:41

岩岩玩緊PHPBB 岩晒
tommygogo
天王星會員
 
文章: 1
註冊時間: 2011-03-02, 19:17


回到 [B1a] phpBB



誰在線上

正在瀏覽這個版面的使用者:沒有註冊會員 和 5 位訪客

cron