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