梅專區, 梅研發

[MY]縮圖平滑處理與結合ThickBox

梅干2009/01/01
    之前曾分享過利用Flash製作出縮圖平滑效果,而此工具其實也已開發了好一段時間,一直沒分享出來,其主要的原因就在於,若只單純把照片縮小加平滑,感覺好像沒什麼特別之處,因此最近一直在想,要再結合什麼才能更加實用,於是想到了ThicBox這個外掛,但此外掛也已經很方便了,但唯一的缺點就是要準備二張圖片,一張小圖及點選後的大圖,因此靈機一動,就想說把縮圖平滑跟這結合起來,如此一來就可以用一張圖片,擁有縮圖平滑及幻燈片效果。
  在夜深人靜中,開始胡搞蝦搞,修改了部分的ThickBox的js碼,好不容易總算將FlashThickBox整合起來了,經測試後也能在各種的瀏覽下正常運作,希望此工具有助於網頁編輯。
▪ 工具名稱:
jpgSommth+ThickBox
▪ 版本編號:1.0
▪ 檔案大小:188KB
▪ 支援格式:jpg、png、gif
▪ 適用環境:IE6.0、IE7.0、Firefox2.0、FireFox3.0

▪ 工具操作畫面:

▪ 預覽 jpgSommth+ThickBox效果:
[點選開啟預覽]
▪ 下載 jpgSommth+ThickBox:

▪ 使用說明:
1.圖檔設定與說明文設定 :
f ('','')
中有二個' ',前者是秀圖片的存放路徑(也可設定為絕對路徑ex:http://.....),後者為該圖片的說明文字,若無解說文字,請直接空白即可ex:f('img/demo.jpg','')。2縮圖寬、高設定:'width', '115',縮圖寬度(直接修改115即可)'height', '160',縮圖高度(直接修改160即可)這裡的寬高比例請依照大圖的尺寸作等比的縮放,如:原圖為320×240縮圖為240那高就變成180。安裝方法:
<script language="javascript" src="https://ds.minwt.com.tw/js/smooth/AC_RunActiveContent.js" ></script>
<script language="javascript" src="https://ds.minwt.com.tw/js/ smooth/jquery-latest.js"></script>
<script language="javascript" src="https://ds.minwt.com.tw/js/smooth/thickbox.js"></script>
<style type="text/css" media="all">
@import "http://ds.minwt.com.tw/js/smooth/thickbox.css";</style>
<div class="alumb">
<script language="javascript">
AC_FL_RunContent(
+code+
‘codebase’, ‘http://download.macromedia.com/pub
/shockwave/cabs/flash/swflash.cab#version=9,0,0,0′,
‘width’, ‘115′,
‘height’, ‘160′,
‘movie’, f(’images/wu.jpg’,'<b>維克‧腦吳</b>’),
’salign’, ”
);
</script>
</div>

▪ 縮圖源碼產生器:

UAG軍規iPhone防摔殼