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 相关文章推荐
禁止你的左键复制实用技巧
Jan 04 Javascript
jQuery点击tr实现checkbox选中的方法
Mar 19 Javascript
js鼠标滑轮滚动事件绑定的简单实例(兼容主流浏览器)
Jan 14 Javascript
基于jquery实现三级下拉菜单
May 10 Javascript
基于jQuery实现淡入淡出效果轮播图
Jul 31 Javascript
简单理解vue中track-by属性
Oct 26 Javascript
详解Vue 动态添加模板的几种方法
Apr 25 Javascript
vue.js国际化 vue-i18n插件的使用详解
Jul 07 Javascript
EasyUI的TreeGrid的过滤功能的解决思路
Aug 08 Javascript
SVG实现时钟效果
Jul 17 Javascript
vue 解决路由只变化参数页面组件不更新问题
Nov 05 Javascript
javascript设计模式 ? 组合模式原理与应用实例分析
Apr 14 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执行速度全攻略(上)
2006/10/09 PHP
PHP查询MySQL大量数据的时候内存占用分析
2011/07/22 PHP
PHP与Perl之间知识点区别整理
2019/03/19 PHP
php模拟post提交请求调用接口示例解析
2020/08/07 PHP
js 获取浏览器高度和宽度值(多浏览器)
2009/09/02 Javascript
基于jQuery的可以控制左右滚动及自动滚动效果的代码
2010/07/25 Javascript
JS判断移动端访问设备并加载对应CSS样式
2014/06/13 Javascript
node.js中的path.isAbsolute方法使用说明
2014/12/08 Javascript
Javascript字符串常用方法详解
2016/07/21 Javascript
微信 java 实现js-sdk 图片上传下载完整流程
2016/10/21 Javascript
JavaScript中关于for循环删除数组元素内容时出现的问题
2016/11/21 Javascript
Vue.js之slot深度复制详解
2017/03/10 Javascript
jQueryeasyui 中如何使用datetimebox 取两个日期间相隔的天数
2017/06/13 jQuery
BootStrap 标题设置跨行无效的解决方法
2017/10/25 Javascript
vue2.0 循环遍历加载不同图片的方法
2018/03/06 Javascript
RequireJS用法简单示例
2018/08/20 Javascript
从零开始用electron手撸一个截屏工具的示例代码
2018/10/10 Javascript
详解如何快速配置webpack多入口脚手架
2018/12/28 Javascript
JavaScript常用工具方法封装
2019/02/12 Javascript
微信小程序点击滚动到指定位置的实现
2020/05/22 Javascript
vue + node如何通过一个Txt文件批量生成MP3并压缩成Zip
2020/06/02 Javascript
[01:00:54]TI4正赛第二日开场
2014/07/20 DOTA
python魔法方法-属性访问控制详解
2016/07/25 Python
python利用urllib实现爬取京东网站商品图片的爬虫实例
2017/08/24 Python
pyqt5 实现工具栏文字图片同时显示
2019/06/13 Python
nginx黑名单和django限速,最简单的防恶意请求方法分享
2019/08/09 Python
用Python解数独的方法示例
2019/10/24 Python
Python基础之字典常见操作经典实例详解
2020/02/26 Python
Python实现多线程下载脚本的示例代码
2020/04/03 Python
解决pycharm安装第三方库失败的问题
2020/05/09 Python
HTML5+CSS3:3D展示商品信息示例
2017/01/03 HTML / CSS
Nike爱尔兰官方网站:Nike.com (IE)
2018/03/12 全球购物
大四学生思想汇报
2014/01/13 职场文书
2015年乡镇工作总结范文
2015/04/22 职场文书
2015年信息化建设工作总结
2015/07/23 职场文书
自书遗嘱范文
2015/08/07 职场文书