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 相关文章推荐
JsEasy简介 JsEasy是什么?与下载
Mar 07 Javascript
jQuery DOM操作小结与实例
Jan 07 Javascript
Android中资源文件(非代码部分)的使用概览
Dec 18 Javascript
jquery 操作两个select实现值之间的互相传递
Mar 07 Javascript
JS实现兼容性较好的随屏滚动效果
Nov 09 Javascript
使用Jasmine和Karma对AngularJS页面程序进行测试
Mar 05 Javascript
jQuery制作图片旋转效果
Feb 02 Javascript
javascript 面向对象function详解及实例代码
Feb 28 Javascript
收集前端面试题之url、href、src
Mar 22 Javascript
vue element table 表格请求后台排序的方法
Sep 28 Javascript
vue.js多页面开发环境搭建过程
Apr 24 Javascript
浅谈Webpack多页应用HMR卡住问题
Apr 24 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.MVC的模板标签系统(一)
2006/09/05 PHP
如何写php程序?
2006/12/08 PHP
PHP中防止SQL注入实现代码
2011/02/19 PHP
利用PHP获取访客IP、地区位置、浏览器及来源页面等信息
2017/06/27 PHP
Laravel学习教程之model validation的使用示例
2017/10/23 PHP
PHP isset()及empty()用法区别详解
2020/08/29 PHP
收藏Javascript中常用的55个经典技巧
2007/08/12 Javascript
通过js简单实现将一个文本内容转译成加密文本
2013/10/22 Javascript
jQuery获得IE版本不准确webbrowser的解决方法
2014/02/23 Javascript
JavaScript DSL 流畅接口(使用链式调用)实例
2015/03/15 Javascript
JS简单实现多级Select联动菜单效果代码
2015/09/06 Javascript
JavaScript中的原始值和复杂值
2016/01/07 Javascript
JavaScript将DOM事件处理程序封装为event.js 出现的低级错误问题
2016/08/03 Javascript
AngularJS中指令的四种基本形式实例分析
2016/11/22 Javascript
prototype与__proto__区别详细介绍
2017/01/09 Javascript
让bootstrap的carousel支持滑动滚屏的实现代码
2017/11/27 Javascript
React Native之prop-types进行属性确认详解
2017/12/19 Javascript
Node.js API详解之 querystring用法实例分析
2020/04/29 Javascript
仿照Element-ui实现一个简易的$message方法
2020/09/14 Javascript
[56:48]FNATIC vs EG 2019国际邀请赛小组赛 BO2 第二场 8.15
2019/08/16 DOTA
[01:03:50]DOTA2-DPC中国联赛 正赛 CDEC vs DLG BO3 第二场 2月7日
2021/03/11 DOTA
python数据预处理之数据标准化的几种处理方式
2019/07/17 Python
Django+python服务器部署与环境部署教程详解
2020/03/30 Python
Python操作Jira库常用方法解析
2020/04/10 Python
使用keras根据层名称来初始化网络
2020/05/21 Python
找到不普通的东西:Bonanza
2016/10/20 全球购物
微软澳洲官方网站:Microsoft Australia
2017/01/10 全球购物
中邮全球便购:中国邮政速递物流
2017/03/04 全球购物
Nike西班牙官方网站:Nike.com (ES)
2017/10/30 全球购物
银行见习期自我鉴定
2014/01/29 职场文书
党的群众路线教育实践活动动员会主持词
2014/03/20 职场文书
建筑学专业自荐书
2014/07/09 职场文书
党员发展大会主持词
2015/07/03 职场文书
《植物妈妈有办法》教学反思
2016/02/23 职场文书
Win11 S Mode版本泄露 正式上线后叫做Windows 11 SE
2021/11/21 数码科技
《辉夜大小姐想让我告白》第三季正式预告
2022/03/20 日漫