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中:hidden选择器用法实例
Dec 30 Javascript
js控制网页背景音乐播放与停止的方法
Feb 06 Javascript
JavaScript数组前面插入元素的方法
Apr 06 Javascript
js实现温度计时间样式代码分享
Aug 21 Javascript
jQuery实现带玻璃流光质感的手风琴特效
Nov 20 Javascript
vue2.0开发实践总结之入门篇
Dec 06 Javascript
angularjs+bootstrap菜单的使用示例代码
Mar 07 Javascript
JavaScript实现弹窗效果代码分析
Mar 09 Javascript
vue实现的仿淘宝购物车功能详解
Jan 27 Javascript
记一次用ts+vuecli4重构项目的实现
May 21 Javascript
vue中提示$index is not defined错误的解决方式
Sep 02 Javascript
如何在Express4.x中愉快地使用async的方法
Nov 18 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 多继承的几种常见实现方法示例
2019/11/18 PHP
JS中style属性
2006/10/11 Javascript
JavaScript中的其他对象
2008/01/16 Javascript
jQuery使用一个按钮控制图片的伸缩实现思路
2013/04/19 Javascript
Jquery 跨域访问 Lightswitch OData Service的方法
2013/09/11 Javascript
jquery插件开发之实现jquery手风琴功能分享
2014/03/10 Javascript
jquery代码实现多选、不同分享功能
2015/07/31 Javascript
nodejs 中模拟实现 emmiter 自定义事件
2016/02/22 NodeJs
etmvc+jQuery EasyUI+combobox多值操作实现角色授权实例
2016/11/09 Javascript
js replace()去除代码中空格的实例
2017/02/14 Javascript
Vue服务端渲染和Vue浏览器端渲染的性能对比(实例PK )
2017/03/31 Javascript
jQuery+C#实现参数RSA加密传输功能【附jsencrypt.js下载】
2017/06/26 jQuery
AngularJS实现tab选项卡的方法详解
2017/07/05 Javascript
JavaScript实现的数字与字符串转换功能示例
2017/08/23 Javascript
Vue使用vue-cli创建项目
2017/09/01 Javascript
Node.js+jade抓取博客所有文章生成静态html文件的实例
2017/09/19 Javascript
ES6中字符串string常用的新增方法小结
2017/11/07 Javascript
React-native桥接Android原生开发详解
2018/01/17 Javascript
Vue 拦截器对token过期处理方法
2018/01/23 Javascript
Javascript的console['']常用输入方法汇总
2018/04/26 Javascript
JS实现520 表白简单代码
2018/05/21 Javascript
vue中如何实现后台管理系统的权限控制的方法示例
2018/09/19 Javascript
微信小程序tab切换可滑动切换导航栏跟随滚动实现代码
2019/09/04 Javascript
vue实现文字加密功能
2019/09/27 Javascript
浅谈vue的第一个commit分析
2020/06/08 Javascript
利用python批量给云主机配置安全组的方法教程
2017/06/21 Python
2018年Python值得关注的开源库、工具和开发者(总结篇)
2018/01/04 Python
python使用Pycharm创建一个Django项目
2018/03/05 Python
深入了解python中元类的相关知识
2019/08/29 Python
Python with关键字,上下文管理器,@contextmanager文件操作示例
2019/10/17 Python
HTML5的标签的代码的简单介绍 HTML5标签的简介
2012/05/28 HTML / CSS
Linux面试题LINUX系统类
2014/11/19 面试题
基督教婚礼主持词
2014/03/14 职场文书
工程索赔意向书
2014/08/30 职场文书
2015年秋季新学期寄语
2015/03/25 职场文书
2015年教学工作总结
2015/04/02 职场文书