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 相关文章推荐
jquery DOM操作 基于命令改变页面
May 06 Javascript
模仿百度三维地图的js数据分享
May 12 Javascript
js+div实现图片滚动效果代码
Feb 10 Javascript
vue.js指令v-for使用及索引获取
Nov 03 Javascript
jQuery+vue.js实现的九宫格拼图游戏完整实例【附源码下载】
Sep 12 jQuery
详解基于vue-router的动态权限控制实现方案
Sep 28 Javascript
JavaScript实现修改伪类样式
Nov 27 Javascript
Dropify.js图片宽高自适应的方法
Nov 27 Javascript
Vue响应式原理Observer、Dep、Watcher理解
Jun 06 Javascript
世界上最短的数字判断js代码
Sep 09 Javascript
element-ui 弹窗组件封装的步骤
Jan 22 Javascript
js属性对象的hasOwnProperty方法的使用
Feb 05 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截取发动短信内容的方法
2017/07/04 PHP
PHP简单验证码功能机制实例详解
2019/03/27 PHP
Laravel中9个不经常用的小技巧汇总
2019/04/16 PHP
PHP 7.4中使用预加载的方法详解
2019/07/08 PHP
Laravel 不同生产环境服务器的判断实践
2019/10/15 PHP
基于jquery的loading 加载提示效果实现代码
2011/09/01 Javascript
使用JavaScript构建JSON格式字符串实现步骤
2013/03/22 Javascript
ExtJS判断IE浏览器类型的方法
2014/02/10 Javascript
浅谈JS闭包中的循环绑定处理程序
2014/11/09 Javascript
jQuery实现多按钮单击变色
2014/11/27 Javascript
JS仿京东移动端手指拨动切换轮播图效果
2020/04/10 Javascript
如何清除IE10+ input X 文本框的叉叉和密码输入框的眼睛图标
2016/12/21 Javascript
微信小程序中用WebStorm使用LESS
2017/03/08 Javascript
AngularJS创建一个上传照片的指令实例代码
2018/02/24 Javascript
Vue中div contenteditable 的光标定位方法
2018/08/25 Javascript
js module大战
2019/04/19 Javascript
elementUi vue el-radio 监听选中变化的实例代码
2019/06/28 Javascript
微信小程序基于高德地图API实现天气组件(动态效果)
2020/10/22 Javascript
JS模拟实现京东快递单号查询
2020/11/30 Javascript
[16:27]DOTA2 HEROS教学视频教你分分钟做大人-艾欧
2014/06/11 DOTA
[01:39]2014DOTA2国际邀请赛 Newbee经理CU专访队伍火力全开
2014/07/15 DOTA
python数据库操作常用功能使用详解(创建表/插入数据/获取数据)
2013/12/06 Python
Python数据报表之Excel操作模块用法分析
2019/03/11 Python
解决pycharm最左侧Tool Buttons显示不全的问题
2019/12/17 Python
python sitk.show()与imageJ结合使用常见的问题
2020/04/20 Python
django 解决model中类写不到数据库中,数据库无此字段的问题
2020/05/20 Python
python为什么要安装到c盘
2020/07/20 Python
python单例模式的应用场景实例讲解
2021/02/24 Python
html5中的input新属性range使用记录
2014/09/05 HTML / CSS
英国健身专家:WIT Fitness
2021/02/09 全球购物
毕业生求职信的经典写法
2014/01/31 职场文书
漂亮妈妈观后感
2015/06/08 职场文书
创作书写之导游词实用技巧分享(干货)
2019/12/20 职场文书
Nginx代理同域名前后端分离项目的完整步骤
2021/03/31 Servers
MySQL系列之二 多实例配置
2021/07/02 MySQL
SpringBoot接入钉钉自定义机器人预警通知
2022/07/15 Java/Android