ImageFlow可鼠標(biāo)控制圖片滾動(dòng)
更新時(shí)間:2008年01月30日 20:38:33 作者:
大家以前看到的都是FLASH,現(xiàn)在看看JS也來做。
提示:支持鍵盤左右鍵。拉條可以快速瀏覽。
You are free to use this in any product, or on any web site. For more information about ImageFlow read the Documentation and check my Newsblog. For anything else simply drop me a line in my Shoutbox.
ChangeLog
Version 0.8
Added Safari 1.x compatibility (a very big thanks to Stephan Droste!)
Added image link events onclick and ondblclick: the link is directly stored in the longdesc attribute of the image tag
Improved image scaling: now all image formats will stay inside the main div container "imageflow"
Minor performance improvements
Show full ChangeLog
Version 0.7
Added different cursor types
Added configuration variables
Changed implementation: all JavaScript is now stored inside the imageflow.js
Changed the captions handling: now the caption text is directly stored in the alt attribute of the image tag
Fixed a bug (description)
Version 0.6
Added arrow key support
Improved usability: now it just interacts on mouse wheel events if the cursor is over the main div container "imageflow"
Improved div container positioning
Fixed a bug (description)
Version 0.5.1
Fixed a mouse wheel bug (description)
Version 0.5
Added focus feature: now it can handle large amounts of images (>100)
Added scrollbar
Fixed display order of loading procedure
Version 0.4
Added mouse wheel support
Added loading bar
Minor performance improvements
Version 0.3
Added server side generated reflections
Minor performance improvements
Fixed correct scaling of square formats
Version 0.2
Changed global scaling and positioning: now it scales in relation to the div container "images"
Version 0.1
Improved browser compatibility
Added bottom alignment
Added correct scaling of different image formats
Donate
If you like ImageFlow and want to donate for my work simply use moneybrookers or PayPal:
Open your free moneybookers.com account with your email address. Upload funds to your account via bank transfer, credit/debit card or cheque. And send the amount of your choice to my account: finn.rudolph@googlemail.com
在線演示
http://img.jb51.net/online/ImageFlow/index.html
ChangeLog
Version 0.8
Added Safari 1.x compatibility (a very big thanks to Stephan Droste!)
Added image link events onclick and ondblclick: the link is directly stored in the longdesc attribute of the image tag
Improved image scaling: now all image formats will stay inside the main div container "imageflow"
Minor performance improvements
Show full ChangeLog
Version 0.7
Added different cursor types
Added configuration variables
Changed implementation: all JavaScript is now stored inside the imageflow.js
Changed the captions handling: now the caption text is directly stored in the alt attribute of the image tag
Fixed a bug (description)
Version 0.6
Added arrow key support
Improved usability: now it just interacts on mouse wheel events if the cursor is over the main div container "imageflow"
Improved div container positioning
Fixed a bug (description)
Version 0.5.1
Fixed a mouse wheel bug (description)
Version 0.5
Added focus feature: now it can handle large amounts of images (>100)
Added scrollbar
Fixed display order of loading procedure
Version 0.4
Added mouse wheel support
Added loading bar
Minor performance improvements
Version 0.3
Added server side generated reflections
Minor performance improvements
Fixed correct scaling of square formats
Version 0.2
Changed global scaling and positioning: now it scales in relation to the div container "images"
Version 0.1
Improved browser compatibility
Added bottom alignment
Added correct scaling of different image formats
Donate
If you like ImageFlow and want to donate for my work simply use moneybrookers or PayPal:
Open your free moneybookers.com account with your email address. Upload funds to your account via bank transfer, credit/debit card or cheque. And send the amount of your choice to my account: finn.rudolph@googlemail.com
在線演示
http://img.jb51.net/online/ImageFlow/index.html
您可能感興趣的文章:
- Android實(shí)現(xiàn)圖片滾動(dòng)和頁簽控件功能的實(shí)現(xiàn)代碼
- Android仿淘寶商品瀏覽界面圖片滾動(dòng)效果
- 圖片自動(dòng)播放器腳本之家修正
- JS特效實(shí)現(xiàn)圖片自動(dòng)播放并可控的效果
- autoPlay 基于jquery的圖片自動(dòng)播放效果
- 基于Jquery實(shí)現(xiàn)的一個(gè)圖片滾動(dòng)切換
- jquery 圓形旋轉(zhuǎn)圖片滾動(dòng)切換效果
- JQuery 圖片滾動(dòng)輪播示例代碼
- js實(shí)現(xiàn)網(wǎng)站首頁圖片滾動(dòng)顯示
- jQuery+css實(shí)現(xiàn)圖片滾動(dòng)效果(附源碼)
- jquery實(shí)現(xiàn)圖片滾動(dòng)效果的簡單實(shí)例
- js+div實(shí)現(xiàn)圖片滾動(dòng)效果代碼
- javascript 不間斷的圖片滾動(dòng)并可點(diǎn)擊
- js實(shí)現(xiàn)鼠標(biāo)經(jīng)過時(shí)圖片滾動(dòng)停止的方法
- Android使用自定義屬性實(shí)現(xiàn)圖片自動(dòng)播放滾動(dòng)的功能
相關(guān)文章
推薦自用 Javascript 縮圖函數(shù) (onDOMLoaded)……
推薦自用 Javascript 縮圖函數(shù) (onDOMLoaded)……...2007-10-10