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

Javascript
js类后台管理菜单类-MenuSwitch
符合标准的js表单提交的代码
js实现的层变换效果
一个js随机颜色脚本(用于标签页面,也可用于任何页面)
轻松实现HTML和JS之间的转化的代码
完整显示当前日期和时间的JS代码
写了个XML+Tree无穷树js版
指定js可访问其它域名的cookie的方法
惰性函数定义模式 使用方法
从阿里妈妈发现的几个不错的表单验证函数
js定义对象简单学习例子
js的with语句使用方法
js有效数字 显示指定位数
js 生成密匙流 脚本代码
js使用对象直接量创建对象的代码
百度前台js笔试题与答案
用JS输入email的代码,以防垃圾邮件
一种让页面完全把过来显示的脚本代码
让getElementsByName适应IE和firefox的方法
奇妙的js

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


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-09-12   浏览: 146 ::
收藏到网摘: 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