当前位置: 首页 > 图文教程 > 网络编程 > Javascript > ImageFlow可鼠标控制图片滚动

Javascript
[HTML/CSS/Javascript]WWTJS
DynamicOptionList连动菜单代码
用meta实现的页面跳转代码
带缓冲的 收缩与展开内容效果
删除数组条目中重复的条目(可能有多个),返回值是一个仅包含被删除的重复条目的新数组。
javascript入门·对象属性方法大总结
javascript入门·动态的时钟,显示完整的一些方法,新年倒计时
JavaScript 入门·JavaScript 具有全范围的运算符
用javascript实现模拟火焰
JavaScript加密解密7种方法总结分析
javascript一段创建层的代码
简洁的一个实现网页全屏代码
关于 byval 与 byref 的区别分析总结
表单填写时用回车代替TAB的实现方法
javascript currentTarget对象介绍
js文本中搜索关键词输入效果
javascript实现的左右选择框效果代码
JS网络游戏-(模拟城市webgame)提供的一些例子下载
javascript最短的拖动代码[兼容FF]
javascript实现的LI列表输出,隔行同色的代码

Javascript 中的 ImageFlow可鼠标控制图片滚动


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-09-12   浏览: 151 ::
收藏到网摘: n/a

大家以前看到的都是FLASH,现在看看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: [email protected]
在线演示
http://img.ruanchen.com/nline/ImageFlow/index.html