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 相关文章推荐
javascript操作cookie_获取与修改代码
May 21 Javascript
一些实用的jQuery代码片段收集
Jul 12 Javascript
从jQuery.camelCase()学习string.replace() 函数学习
Sep 13 Javascript
jquery实现类似淘宝星星评分功能有截图
Sep 15 Javascript
微信小程序开发之大转盘 仿天猫超市抽奖实例
Dec 08 Javascript
JS实现一次性弹窗的方法【刷新后不弹出】
Dec 26 Javascript
jQuery EasyUI 组件加上“清除”功能实例详解
Apr 11 jQuery
vue监听滚动事件实现滚动监听
Apr 11 Javascript
基于node下的http小爬虫的示例代码
Jan 11 Javascript
VUE中v-on:click事件中获取当前dom元素的代码
Aug 22 Javascript
优雅的在React项目中使用Redux的方法
Nov 10 Javascript
JavaScript Tab菜单实现过程解析
May 13 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跨服务器访问方法小结
2015/05/12 PHP
Yii2.0表关联查询实例分析
2016/07/18 PHP
浅谈PHP封装CURL
2019/03/06 PHP
PHP实现数组和对象的相互转换操作示例
2019/03/20 PHP
ASP.NET中基于JQUERY的高性能的TreeView补充
2011/02/23 Javascript
基于jquery实现的鼠标滑过按钮改变背景图片
2011/07/15 Javascript
面向对象设计模式的核心法则
2013/11/10 Javascript
JS实现可拖曳、可关闭的弹窗效果
2015/09/26 Javascript
原生javascript实现匀速运动动画效果
2016/02/26 Javascript
原生JS轮播图插件
2017/02/09 Javascript
js实现textarea限制输入字数
2017/02/13 Javascript
JavaScript之promise_动力节点Java学院整理
2017/07/03 Javascript
jQuery中each循环的跳出和结束实例
2017/08/16 jQuery
react-native 完整实现登录功能的示例代码
2017/09/11 Javascript
Node.Js中实现端口重用原理详解
2018/05/03 Javascript
element UI upload组件上传附件格式限制方法
2018/09/04 Javascript
详解webpack打包nodejs项目(前端代码)
2018/09/19 NodeJs
vue实现微信分享功能
2018/11/28 Javascript
[03:42]2016国际邀请赛中国区预选赛首日现场玩家采访
2016/06/26 DOTA
Python编程之列表操作实例详解【创建、使用、更新、删除】
2017/07/22 Python
浅谈Python实现Apriori算法介绍
2017/12/20 Python
解决Python3中的中文字符编码的问题
2018/07/18 Python
python os.listdir按文件存取时间顺序列出目录的实例
2018/10/21 Python
Python3.5 处理文本txt,删除不需要的行方法
2018/12/10 Python
Python While循环语句实例演示及原理解析
2020/01/03 Python
python识别验证码图片实例详解
2020/02/17 Python
使用Keras画神经网络准确性图教程
2020/06/15 Python
Python爬虫破解登陆哔哩哔哩的方法
2020/11/17 Python
欧舒丹美国官网:L’Occitane美国
2018/02/23 全球购物
标签和贴纸印刷:Lightning Labels
2018/03/22 全球购物
印度尼西亚电子产品购物网站:Kliknklik
2018/06/05 全球购物
在子网210.27.48.21/30种有多少个可用地址?分别是什么?
2014/07/27 面试题
经典导游欢迎词大全
2014/01/16 职场文书
公司开业庆典主持词
2014/03/21 职场文书
文明单位创建材料
2014/12/24 职场文书
MYSQL数据库使用UTF-8中文编码乱码的解决办法
2021/05/26 MySQL