如何为“mousemove”图库缩略图添加缓动效果

时间:2011-12-02 14:09:45

标签: jquery mousemove easing

在我尝试解释之前,请在这里查看我在说什么。这是一个画廊的缩略图。在mouseenter上它开始移动但没有任何平滑的缓和效果。我认为这看起来非常“紧张”。

请在这里查看: http://mark-i-mark.com/lab/test/index.html

可以在此处查看“运行”mousemove功能的代码段: http://jsfiddle.net/nWMY9/

基于jQuery缓动插件,有没有人知道如何让它更流畅?非常感谢帮助。如果您需要更多信息,请告诉我。

编辑05.12.2011 * @roXon * 您的解决方案正是我所需要的。为了使用gallery脚本实现这一点,我想稍微更新一下这些信息。也许你可以实现它。 可以在此处找到图库的实时预览: http://mark-i-mark.com/lab/smartajax/index.html

js文件是jquery.dob.WallGridGallery.js,mousemove函数从第553行开始到第595行结束。它现在看起来比上一版本更有条理。

大多数维度都是由脚本动态设置的。可以在xml文件中进行可选设置: http://mark-i-mark.com/lab/smartajax/WallGridGallery/xml/SettingsWallGridGallery.xml

如果没有进行任何设置,则会根据您在html标记中为#galleryContainer设置的内容来获取库的可见大小。但是,动态计算缩略图包装的尺寸。

目标是在现有脚本中包含您的酷运动解决方案。你认为你能做到吗?我希望我已经提供了您可能需要的所有信息,否则请告诉我。感谢您与我分享这一挑战。我认为,随着您的解决方案的推出,画廊看起来会更好。

0 个答案:

没有答案