ImageFlow可鼠标控制图片滚动

2016-02-19 09:01 123 1 收藏

今天图老师小编给大家介绍下ImageFlow可鼠标控制图片滚动,平时喜欢ImageFlow可鼠标控制图片滚动的朋友赶紧收藏起来吧!记得点赞哦~

【 tulaoshi.com - Web开发 】

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://www.tulaoshi.com/webkaifa/)

来源:http://www.tulaoshi.com/n/20160219/1589224.html

延伸阅读
标签: Web开发
解决思路 :     利用框架文档中window对象的scrollBy方法来滚动。 具体步骤 : 1. 包含框架页的代码。 onmouseout="scrollStop()" onmousedown="stepY=-5"  onmouseup="stepY=-1"上  onmouseout="scrollStop()" onmousedown="stepY=5"  onmouseup="stepY=1"...
标签: PS PS教程
  在新版的SnagIt中的区域抓取时,我们可以使用方向键以像素为单位控制选区,使抓取的选项更加精确。在SnagIt的“输入”菜单下选中“区域”抓取方式后,按下工具栏上的红色抓取按钮,把鼠标移到屏幕上欲开始抓取处按一下Enter键,然后就可以通过键盘中上下左右方向键来精确调整抓取选区了,确定选中选区后,再次按下Enter键即可抓取...
标签: Web开发
script language="JavaScript" !-- //document.body.onmousewheel = function(){alert('你在滚,哈哈');} function img_zoom(e, o){ //图片鼠标滚轮缩放    var zoom = parseInt(o.style.zoom, 10) || 100;    zoom += event.wheelDelta / 24;    if (zoom 0) o.style.zoom = zoom + '%'; &nbs...
标签: 电脑入门
步骤方法 1、设置键盘控制鼠标 win XP 开始菜单控制面板辅助功能选项鼠标标签然后单击选中使用鼠标键 这样就可以用键盘来控制鼠标的光标,模拟鼠标的鼠标键都指键盘右侧的小键盘(数字键盘),使用时要使NumLock 键处于有效状态。还可以点击旁边的设置按钮来进行鼠标移动速度、NumLock 键状态、快捷键之类的详细设置。如果自...
标签: Web开发
今天遇到了一个纵向滚动条 ,本来打算用框架做,经过看到别人做的页面中,才知道可以用CSS 控制,以下CSS代码贡献给大伙学习。 overflow-y:scroll 上下滚 overflow-x:scroll 左右滚

经验教程

349

收藏

86
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部