Bananasims Workshop 與 Bananasims’ Blog 合併

Bananasims Workshop 會與 Bananasims’ Blog 合併,而 Bananasims Workshop 的最新資料將會放上 Bananasims’ Blog。請到 Bananasims’ Blog 繼續瀏覽。Bananasims’ Blog 的網址是 http://bananasims.info

Add comment 16/07/2009

phpBB 自動縮圖

有會員要求在 I-Circle Forum 設定一個自動縮圖的功能,故我研發了一個使用 JavaScript 的自動縮圖小功能。將之加入風格資料夾內的 forum_fn.js 最底部即可。

這個自動縮圖能夠在圖片縮細後建立連結,方便使用者瀏覽完整版本的圖片。此外,如果自動縮圖發現上層有 [url] 討論區代碼包著(即圖片本身有連結),它將不會建立連結

至於 jQuery,由於我認為未是時候安裝 jQuery,所以我並未編寫 jQuery 版本。

/**
* 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()');

由於 WordPress 限制,上述代碼頗混亂。如要使用及檢視代碼,到 I-Circle Forum 的相關文章檢視整理了的代碼。

Add comment 24/06/2009

隨機圖片程式 2.0 已經發佈

Swiftzer Lab 所製作的隨機圖片程式 2.0 已經發佈,請移玉步至 Swiftzer Lab 的下載頁下載。

本程式及本文件所有內容均使用共享創意署名-非商業性 3.0 香港授權條款發佈。

Add comment 11/05/2009

隨機圖片程式 2.0 即將發佈

Swiftzer Lab 所製作的隨機圖片程式 2.0 即將於明天發佈。隨機圖片程式 2.0 將繼承過往一貫優良傳統,並增加了圖片描述頁及圖片重定向頁功能。hamu278 已經率先試用了隨機圖片程式 2.0,歡迎大家往 I-Circle Forum 相關的主題測試,並且報告臭蟲。

Add comment 10/05/2009

Bananasims Workshop 開幕

Bananasims Workshop 是一個由我,bananasims 所管理的工作坊。在此網誌內,我會分享我的網頁製作心得(包括分享一些 PHP 或是 JavaScript 函數)等等。

由於本人不想架設一個 WordPress(本來在 bananasims.i-circle.net 架設了個,最後刪了),不過又要享用 “Pages” 功能,故我使用 WordPress.com 的服務。而本人的生活、遊記、趣事分享則會繼續於 http://bananasims.blogspot.com/ 張貼。

Add comment 10/05/2009


彙整

分類

1 JavaScript PHP 關於 Workshop

標籤

bananasims CC 作品 PHP phpBB Swiftzer Lab 插件 隨機圖片程式

連結