1. 首頁
  2. »
  3. 梅專區
  4. »
  5. 梅研發
  6. »
  7. [MY]縮圖平滑處理與結合ThickBox

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

2009/01/01

 
  之前曾分享過利用Flash製作出縮圖平滑效果,而此工具其實也已開發了好一段時間,一直沒分享出來,其主要的原因就在於,若只單純把照片縮小加平滑,感覺好像沒什麼特別之處,因此最近一直在想,要再結合什麼才能更加實用,於是想到了ThicBox這個外掛,但此外掛也已經很方便了,但唯一的缺點就是要準備二張圖片,一張小圖及點選後的大圖,因此靈機一動,就想說把縮圖平滑跟這結合起來,如此一來就可以用一張圖片,擁有縮圖平滑及幻燈片效果。


  在夜深人靜中,開始胡搞蝦搞,修改了部分的ThickBox的js碼,好不容易總算將FlashThickBox整合起來了,經測試後也能在各種的瀏覽下正常運作,希望此工具有助於網頁編輯。


&#9642 工具名稱:
jpgSommth+ThickBox
&#9642 版本編號:1.0
&#9642 檔案大小:188KB
&#9642 支援格式:jpg、png、gif
&#9642 適用環境:IE6.0、IE7.0、Firefox2.0、FireFox3.0

&#9642 工具操作畫面:


&#9642 預覽 jpgSommth+ThickBox效果:
[點選開啟預覽]


&#9642 下載 jpgSommth+ThickBox:


&#9642 使用說明:
1.圖檔設定與說明文設定 :
f (”,”)
中有二個’ ‘,前者是秀圖片的存放路徑(也可設定為絕對路徑ex:http://…..),後者為該圖片的說明文字,若無解說文字,請直接空白即可ex:f(‘img/demo.jpg’,”)。
2縮圖寬、高設定:‘width’, ‘115’,縮圖寬度(直接修改115即可)’height’, ‘160’,縮圖高度(直接修改160即可)這裡的寬高比例請依照大圖的尺寸作等比的縮放,如:原圖為320×240縮圖為240那高就變成180。
安裝方法:

<script language=“javascript” src=“//photo.minwt.com/js/smooth/AC_RunActiveContent.js” ></script>
<script language=“javascript” src=“//photo.minwt.com/js/ smooth/jquery-latest.js”></script>
<script language=“javascript” src=“//photo.minwt.com/js/smooth/thickbox.js”></script>
<style type=“text/css” media=“all”>
@import “//photo.minwt.com/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>

&#9642 縮圖源碼產生器: