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获取当前select 元素值的代码
Apr 19 Javascript
13个绚丽的Jquery 界面设计网站推荐
Sep 28 Javascript
jQuery图片播放8款精美插件分享
Feb 17 Javascript
js传参数受特殊字符影响错误的解决方法
Oct 21 Javascript
javascript中parentNode,childNodes,children的应用详解
Dec 17 Javascript
用jquery的方法制作一个简单的导航栏
Jun 23 Javascript
jQuery mobile 移动web(4)
Dec 20 Javascript
javascript基础知识
Jun 07 Javascript
javascript中的后退和刷新实现方法
Nov 10 Javascript
微信小程序 图片宽度自适应的实现
Apr 06 Javascript
Vue.js常用指令之循环使用v-for指令教程
Jun 27 Javascript
Node在Controller层进行数据校验的过程详解
Aug 28 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取出数组单个值的方法
2018/03/12 PHP
PHP设计模式之原型设计模式原理与用法分析
2018/04/25 PHP
thinkPHP框架实现的短信接口验证码功能示例
2018/06/20 PHP
利用js跨页面保存变量做菜单的方法
2008/01/17 Javascript
关于B/S判断浏览器断开的问题讨论
2008/10/29 Javascript
javascript时间函数基础介绍
2013/03/28 Javascript
js 判断所选时间(或者当前时间)是否在某一时间段的实现代码
2015/09/05 Javascript
详解js中class的多种函数封装方法
2016/01/03 Javascript
js+html制作简单日历的方法
2017/06/27 Javascript
Vue.js devtool插件安装后无法使用的解决办法
2017/11/27 Javascript
JavaScript引用类型Date常见用法实例分析
2018/08/08 Javascript
详解React 服务端渲染方案完美的解决方案
2018/12/14 Javascript
Angular 多模块项目构建过程
2020/02/13 Javascript
Element Alert警告的具体使用方法
2020/07/27 Javascript
Vue的Options用法说明
2020/08/14 Javascript
[51:05]DOTA2上海特级锦标赛主赛事日 - 5 败者组决赛Liquid VS EG第一局
2016/03/06 DOTA
Python 闭包的使用方法
2017/09/07 Python
解决pycharm安装后代码区不能编辑的问题
2018/10/28 Python
pandas求两个表格不相交的集合方法
2018/12/08 Python
Python中作用域的深入讲解
2018/12/10 Python
2019 Python最新面试题及答案16道题
2019/04/11 Python
Django 权限认证(根据不同的用户,设置不同的显示和访问权限)
2019/07/24 Python
Python turtle库绘制菱形的3种方式小结
2019/11/23 Python
python 实现Flask中返回图片流给前端展示
2020/01/09 Python
python3连接MySQL8.0的两种方式
2020/02/17 Python
python使用梯度下降和牛顿法寻找Rosenbrock函数最小值实例
2020/04/02 Python
python 实现读取csv数据,分类求和 再写进 csv
2020/05/18 Python
在pycharm中创建django项目的示例代码
2020/05/28 Python
局域网定义和特性
2016/01/23 面试题
播音主持女孩的自我评价分享
2013/11/20 职场文书
小学生志愿者活动方案
2014/08/23 职场文书
项目经理岗位职责范本
2015/04/01 职场文书
实习感想范文
2015/08/10 职场文书
高中生综合素质评价范文
2015/08/18 职场文书
环保建议书范文
2015/09/14 职场文书
小学数学国培研修日志
2015/11/13 职场文书