ImageFlow可鼠标控制图片滚动


Posted in Javascript onJanuary 30, 2008

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.3water.com/online/ImageFlow/index.html

Javascript 相关文章推荐
js 数组实现一个类似ruby的迭代器
Oct 27 Javascript
prototype 中文参数乱码解决方案
Nov 09 Javascript
JS禁用浏览器退格键实现思路及代码
Oct 29 Javascript
Jquery图片延迟加载插件jquery.lazyload.js的使用方法
May 21 Javascript
jquery的clone方法应用于textarea和select的bug修复
Jun 26 Javascript
浅析jquery数组删除指定元素的方法:grep()
May 19 Javascript
vue学习笔记之指令v-text && v-html && v-bind详解
May 12 Javascript
JS中移除非数字最多保留一位小数
May 09 Javascript
JavaScript实现的简单加密解密操作示例
Jun 01 Javascript
Vue组件通信入门之Provide和Inject机制
Dec 29 Javascript
在Vue里如何把网页的数据导出到Excel的方法
Sep 30 Javascript
JS setTimeout与setInterval的区别
Apr 20 Javascript
北京奥运官方网站幻灯切换效果flash版打包下载
Jan 30 #Javascript
Javascript优化技巧(文件瘦身篇)
Jan 28 #Javascript
用dom+xhtml+css制作的一个相册效果代码打包下载
Jan 24 #Javascript
JavaScript 数组的 uniq 方法
Jan 23 #Javascript
Javascript 更新 JavaScript 数组的 uniq 方法
Jan 23 #Javascript
Javascript 各浏览器的 Javascript 效率对比
Jan 23 #Javascript
Javascript 写的简单进度条控件
Jan 22 #Javascript
You might like
PHP编程与应用
2006/10/09 PHP
smarty模板局部缓存方法使用示例
2014/06/17 PHP
PHP对象、模式与实践之高级特性分析
2016/12/08 PHP
PHP SFTP实现上传下载功能
2017/07/26 PHP
js刷新框架子页面的七种方法代码
2008/11/20 Javascript
InnerHtml和InnerText的区别分析
2009/03/13 Javascript
javascript 遍历验证所有文本框的值
2009/08/27 Javascript
javascript计算当月剩余天数(天数计算器)示例代码
2014/01/09 Javascript
按下回车键指向下一个位置的一个函数代码
2014/03/10 Javascript
js对象内部访问this修饰的成员函数示例
2014/04/27 Javascript
jQuery 获取/设置/删除DOM元素的属性以a元素为例
2014/05/23 Javascript
js超时调用setTimeout和间歇调用setInterval实例分析
2015/01/28 Javascript
js+css实现导航效果实例
2015/02/10 Javascript
JavaScript获取网页支持表单字符集的方法
2015/04/02 Javascript
Javascript函数的参数
2015/07/16 Javascript
JavaScript观察者模式(经典)
2015/12/09 Javascript
Bootstrap Fileinput文件上传组件用法详解
2016/05/10 Javascript
JQuery动态添加Select的Option元素实现方法
2016/08/29 Javascript
利用js获取下拉框中所选的值
2016/12/01 Javascript
深入理解Javascript中的valueOf与toString
2017/01/04 Javascript
JavaScript中使用webuploader实现上传视频功能(demo)
2017/04/10 Javascript
Three.js利用orbit controls插件(轨道控制)控制模型交互动作详解
2017/09/25 Javascript
vue-cli2.x项目优化之引入本地静态库文件的方法
2018/06/19 Javascript
Vue.js原理分析之nextTick实现详解
2020/09/07 Javascript
uniapp电商小程序实现订单30分钟倒计时
2020/11/01 Javascript
python处理文本文件并生成指定格式的文件
2014/07/31 Python
python绘制漏斗图步骤详解
2019/03/04 Python
python爬虫增加访问量的方法
2019/08/22 Python
Python字符串、列表、元组、字典、集合的补充实例详解
2019/12/20 Python
纯CSS3编写的的精美动画进度条(无flash/无图像/无脚本/附源码)
2013/01/07 HTML / CSS
深入理解css属性的选择对动画性能的影响
2016/04/20 HTML / CSS
欧洲领先的电子和电信零售商和服务提供商:Currys PC World Business
2017/12/05 全球购物
strstr()的简单实现
2013/09/26 面试题
暖通工程师岗位职责
2014/06/12 职场文书
重阳节标语大全
2014/10/07 职场文书
python中urllib包的网络请求教程
2022/04/19 Python