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之二(两种扩展)
Jun 11 Javascript
json数据与字符串的相互转化示例
Sep 18 Javascript
JS 弹出层 定位至屏幕居中示例
May 21 Javascript
JavaScript是如何实现继承的(六种方式)
Mar 31 Javascript
JavaScript实现复制或剪切内容到剪贴板功能的方法
May 23 Javascript
深入理解Javascript中的观察者模式
Feb 20 Javascript
bootstrap表单按回车会自动刷新页面的解决办法
Mar 08 Javascript
three.js实现3D视野缩放效果
Nov 16 Javascript
node.js博客项目开发手记
Mar 16 Javascript
Node.js创建HTTP文件服务器的使用示例
May 11 Javascript
ionic grid(栅格)九宫格制作详解
Jun 30 Javascript
详解js实时获取并显示当前时间的方法
May 10 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危险函数(disable_functions)
2012/02/23 PHP
基于empty函数的判断详解
2013/06/17 PHP
php实现比较两个字符串日期大小的方法
2015/05/12 PHP
php提交post数组参数实例分析
2015/12/17 PHP
javascript编程起步(第二课)
2007/01/10 Javascript
js脚本分页代码分享(7种样式)
2015/08/19 Javascript
jQuery 3.0十大新特性最终版发布
2016/07/14 Javascript
ionic实现下拉刷新载入数据功能
2017/05/11 Javascript
Bootstrap 表单验证formValidation 实现远程验证功能
2017/05/17 Javascript
浅析Node.js非对称加密方法
2018/01/29 Javascript
js+css实现打字效果
2020/06/24 Javascript
老生常谈JavaScript获取CSS样式的方法(兼容各浏览器)
2018/09/19 Javascript
JS实现简单的抽奖转盘效果示例
2019/02/16 Javascript
基于vue--key值的特殊用处详解
2020/07/31 Javascript
动态实现element ui的el-table某列数据不同样式的示例
2021/01/22 Javascript
[02:38]DOTA2英雄基础教程 噬魂鬼
2014/01/03 DOTA
[01:02:17]2014 DOTA2华西杯精英邀请赛 5 24 DK VS VG
2014/05/26 DOTA
在Python中使用判断语句和循环的教程
2015/04/25 Python
批量获取及验证HTTP代理的Python脚本
2017/04/23 Python
python3实现磁盘空间监控
2018/06/21 Python
如何在Django中添加没有微秒的 DateTimeField 属性详解
2019/01/30 Python
Python进阶:生成器 懒人版本的迭代器详解
2019/06/29 Python
Python如何将函数值赋给变量
2020/04/28 Python
浅谈keras中的目标函数和优化函数MSE用法
2020/06/10 Python
详解Python中第三方库Faker
2020/09/25 Python
HTML5 本地存储之如果没有数据库究竟会怎样
2013/04/25 HTML / CSS
webView加载html图片遇到的问题解决
2019/10/08 HTML / CSS
美国的Eastbay旗下的运动款子品牌:Final-Score
2018/01/01 全球购物
印度在线购买电子产品网站:Croma
2020/01/02 全球购物
酒店总经理助理岗位职责
2014/02/01 职场文书
无私奉献演讲稿
2014/09/04 职场文书
群众路线教育实践活动对照检查材料思想汇报(副处级领导)
2014/10/04 职场文书
2014年个人委托书范本
2014/10/13 职场文书
安全生产工作汇报材料
2014/10/28 职场文书
三严三实·严以修身心得体会
2016/01/15 职场文书
公历12个月名称的由来
2022/04/12 杂记