這一個效果很像是flash做出來的，可以用在形象產品或圖片上，當滑鼠滑入圖片時會慢慢變清楚，而滑鼠移開後，又會自動淡出到原本的透明度，當點擊照片時，又利用ThickBox(Lightbox)來顯示大張的圖片。
用到的jQuery效果有hover(滑入function,滑出function)，fadeTo(速度,透明度[0-1])
樣式如下：
圖片一開始會被亂數速度變透明，如果不想要此效果，只要把速度調整一下，或是直接css設定透明度都可以。
標籤: javascript
javascript有關的程式內容,網頁效果,符合html4規格,教學式範例
[jQuery]照片展示animate左右及上下移動
在前一篇[jQuery]利用animate來製作左右移動圖片展示器有利用jQuery來製作Animate效果，來製作左右移動圖片的照片或產品展示器，不過就只能針對同種分類或同性資的照片來做效果，如果有多種分類照片或產品就需要再做一份一樣的內容，這裡提供一個解決的方案，再做一次Animate，不過這次是上下移動來選擇不同列的圖片（照片）資料。
不同分類的圖片，利用不同的ul來分開，然後在ul的前面再加上一個Div來做上下移動的框架，左右移動則是利用ul這個tag，當移動到那一列的框架，把index記錄起來，如此左移及右移按鈕才可針對目前列來做移動。
ul及img都有title這個屬性，所以利用此屬性來當上方分類名稱。
效果截圖如下：
[jQuery]利用animate來製作左右移動圖片展示器
這個範例應該有很多人做過了，十分實用，如果把圖片縮小些，然後再加上燈箱的效果，應該可以拿來當展示產品或是照片等資訊，這個範例的發想是由男丁格爾的範例[jQ]用 jQuery 做廣告 – 上下垂直選項式廣告輪播來做修改的。
jQuery-Animate-API用法animate({css內容},[速度(整數)],[easing(linear/easein)],[callback])
想法，外層利用一個Div框住要製作動畫的內容，設定css的position: relative;然後內層的資料都用position: absolute;來設定left及top的pixel，如此可以把元件浮在最外層Div框的相對位置。
需要二個按鈕，浮在左邊及右邊，設定動作向左移及向右移。
畫面如下：範例網址
img元件設定title屬性的話，那文字會顯示在圖片下方一條bar上
[ExtJS]使用PHP上傳檔案圖片-WYSIWYG所視即所得網頁編輯器外掛 with CKEditor
這個範例是跟據之前的ExtJS-CKEditor上傳檔案及圖片使用jsp的方法改寫的，裡面可能有需多jsp的概念存在，不過在php上傳時是沒有問題的，不同於jsp範例，此處直require_once設定檔進來，而不使用讀取外部設定檔的方式。在使用上要修改CKConfig三個上傳參數，指定正確的url路徑。
filebrowserUploadUrl : 'CKEditorUpload.php?Type=File',
filebrowserImageUploadUrl : 'CKEditorUpload.php?Type=Image',
filebrowserFlashUploadUrl : 'CKEditorUpload.php?Type=Flash',
詳細的說明請參考[ExtJS]WYSIWYG所視即所得網頁編輯器外掛 with CKEditor
