ImageFlow可鼠标控制图片滚动

所属分类: 网络编程 / JavaScript 阅读数: 1555
收藏 0 赞 0 分享
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.jb51.net/online/ImageFlow/index.html
更多精彩内容其他人还在看

纯javascript判断查询日期是否为有效日期

很多网站都涉及到输入日期选项,如果客户日期输入错误,可能导入查询不到甚至查询到错误的信息,为了更好的满足用户需求,需要对日期进行校验,下面给大家介绍使用纯javascript如何判断查询日期是否为有效日期,需要的朋友可以参考下
收藏 0 赞 0 分享

jquery实现的蓝色二级导航条效果代码

这篇文章主要介绍了jquery实现的蓝色二级导航条效果代码,涉及jquery鼠标事件及页面样式的动态切换效果实现技巧,非常简单实用,需要的朋友可以参考下
收藏 0 赞 0 分享

ajax如何实现页面局部跳转与结果返回

AJAX即“Asynchronous Javascript And XML”(异步JavaScript和XML),是指一种创建交互式网页应用的网页开发技术,通过在后台与服务器进行少量数据交换,AJAX 可以使网页实现异步更新,本篇文章给大家介绍ajax如何实现页面局部跳转与结果返
收藏 0 赞 0 分享

jQuery实现的类似淘宝网站搜索框样式代码分享

这篇文章主要介绍了类似淘宝网站搜索框样式实现代码,推荐给大家,有需要的小伙伴可以参考下。
收藏 0 赞 0 分享

js实现的黑背景灰色二级导航菜单效果代码

这篇文章主要介绍了js实现的黑背景灰色二级导航菜单效果代码,涉及javascript操作页面元素动态切换的实现技巧,非常具有实用价值,需要的朋友可以参考下
收藏 0 赞 0 分享

jQuery仿360导航页图标拖动排序效果代码分享

这篇文章主要为大家详细介绍了360导航页图标拖动排序效果代码,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
收藏 0 赞 0 分享

javascript中SetInterval与setTimeout的定时器用法

Javascript的setTimeOut和setInterval函数应用非常广泛,它们都用来处理延时和定时任务,比如打开网页一段时间后弹出一个登录框,页面每隔一段时间发送异步请求获取最新数据等,本文文章通过代码示例给大家介绍javascript中SetInterval与setT
收藏 0 赞 0 分享

jquery带下拉菜单和焦点图代码分享

这篇文章主要介绍了jquery带下拉菜单和焦点图代码,推荐给大家,有需要的小伙伴可以参考下。
收藏 0 赞 0 分享

jQuery实现的背景动态变化导航菜单效果

这篇文章主要介绍了jQuery实现的背景动态变化导航菜单效果,涉及jquery页面元素背景动态变换的实现技巧,非常具有实用价值,需要的朋友可以参考下
收藏 0 赞 0 分享

jquery+CSS实现的水平布局多级网页菜单效果

这篇文章主要介绍了jquery+CSS实现的水平布局多级网页菜单效果,涉及jquery页面元素属性动态变换效果实现技巧,非常具有实用价值,需要的朋友可以参考下
收藏 0 赞 0 分享
查看更多