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 相关文章推荐
firefox中用javascript实现鼠标位置的定位
Jun 17 Javascript
使用jscript实现二进制读写脚本代码
Jun 09 Javascript
一个可以兼容IE FF的加为首页与加入收藏实现代码
Nov 02 Javascript
对象无length属性时IE6/IE7中无法将其转换成伪数组(ArrayLike)
Jul 31 Javascript
$("").click与onclick的区别示例介绍
Sep 25 Javascript
node.js中的fs.utimesSync方法使用说明
Dec 15 Javascript
JavaScript 事件入门知识
Apr 13 Javascript
jQuery中cookie插件用法实例分析
Dec 04 Javascript
js实现文字跑马灯效果
Feb 23 Javascript
angular框架实现全选与单选chekbox的自定义
Jul 06 Javascript
vue中slot(插槽)的介绍与使用
Nov 12 Javascript
微信小程序实现音乐播放器
Nov 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
PHPThumb PHP 图片缩略图库
2012/03/11 PHP
PHP集成百度Ueditor 1.4.3
2014/11/23 PHP
PHP把MSSQL数据导入到MYSQL的方法
2014/12/27 PHP
PHP生成可点击刷新的验证码简单示例
2016/05/13 PHP
Thinkphp框架使用list_to_tree 实现无限级分类列出所有节点示例
2020/04/04 PHP
PHP设计模式(八)装饰器模式Decorator实例详解【结构型】
2020/05/02 PHP
js 模拟实现类似c#下的hashtable的简单功能代码
2010/01/24 Javascript
使用jQuery.Validate进行客户端验证(初级篇) 不使用微软验证控件的理由
2010/06/28 Javascript
JS图片浏览组件PhotoLook的公开属性方法介绍和进阶实例代码
2010/11/09 Javascript
jquery $.ajax()取xml数据的小问题解决方法
2010/11/20 Javascript
如何实现chrome浏览器关闭页面时弹出“确定要离开此面吗?”
2015/03/05 Javascript
JavaScript实现鼠标滑过图片变换效果的方法
2015/04/16 Javascript
jquery实现加载进度条提示效果
2015/11/23 Javascript
js canvas实现擦除动画
2016/07/16 Javascript
使用jquery给指定的table动态添加一行、删除一行
2016/10/13 Javascript
Javascript DOM事件操作小结(监听鼠标点击、释放,悬停、离开等)
2017/01/20 Javascript
Vue匿名插槽与作用域插槽的合并和覆盖行为
2019/04/22 Javascript
Python单元测试框架unittest使用方法讲解
2015/04/13 Python
Python内置的HTTP协议服务器SimpleHTTPServer使用指南
2016/03/30 Python
Python利用matplotlib.pyplot绘图时如何设置坐标轴刻度
2018/04/09 Python
tensorflow 中对数组元素的操作方法
2018/07/27 Python
Python编程实现tail-n查看日志文件的方法
2019/07/08 Python
python处理RSTP视频流过程解析
2020/01/11 Python
django修改models重建数据库的操作
2020/03/31 Python
Pycharm如何导入python文件及解决报错问题
2020/05/10 Python
Python控制台实现交互式环境执行
2020/06/09 Python
GWT的应用有哪两种部署模式
2012/12/21 面试题
2015年元旦活动总结
2014/05/09 职场文书
企业三严三实学习心得体会
2014/10/13 职场文书
领导班子对照检查剖析材料
2014/10/13 职场文书
业务员岗位职责
2015/02/03 职场文书
医生辞职信范文
2015/03/02 职场文书
2016年学校党支部创先争优活动总结
2016/04/05 职场文书
pt-archiver 主键自增
2022/04/26 MySQL
MySQL sql模式设置引起的问题
2022/05/15 MySQL
Python实现信息管理系统
2022/06/05 Python