怎么能把这两个 js 功能合并,满头大汗的求问。

2016-07-26 13:34:33 +08:00
 mtvboy
http://www.jq22.com/demo/jQueryoverScroll20151015/
是一个 jQuery overScroll 的图片插件,很漂亮,想用来做相册导航但不能鼠标跟随。

http://www.17sucai.com/pins/demoshow/386
是鼠标跟随滚动。坐电脑前弄了两天了,也没弄好,眼睛都花了。

想问问有没有人能教我一些方法或技巧来弄它,我真的是不行了 /或者有没有现成的这种 js 。我不会写 js ,只能看懂简单的 js 来修改,显然这个已经超出我的能力范围,帮帮我吧,万分感谢。。。
3938 次点击
所在节点    JavaScript
19 条回复
InFaNg
2016-07-26 13:51:40 +08:00
为什么发到 java 里
mtvboy
2016-07-26 13:54:11 +08:00
发错地方了是吧。不好意思。我对分类有点迷惑,应该发到哪里?我现在应该怎么办?
mtvboy
2016-07-26 13:56:59 +08:00
我知道了,应该发到 jquery 里。可是我在节点导航里没找到 jquery 啊。现在改怎么办?
chairuosen
2016-07-26 14:02:41 +08:00
如果不会 js ,就在已有插件里找合适的,搜 image slider 有一堆
mtvboy
2016-07-26 14:26:01 +08:00
@InFaNg 谢谢。知道发错了。
@chairuosen 我以为那个鼠标跟随的 js 只有几行代码,应该能合并上,只是在 css 上看花了眼。因为需要这样的东西,才要强行合并的,要不我就用别的了。依然谢谢你的建议。
leefly
2016-07-26 14:34:20 +08:00
@InFaNg 因为是 java script 😂
shiki
2016-07-26 15:21:01 +08:00
假设你用了第一个网址上面的插件,你可以监听 图片的 hover 事件,触发它的 click 。
像第一个网址,你可以在试着在 console 里执行一下这个代码看看效果
$('#container2 > img').hover(function(){$(this).click()});
mtvboy
2016-07-26 15:52:11 +08:00
@shiki
$('#container2 > img').hover(function(){$(this).click()});
SyntaxError: Unexpected token ILLEGAL
message: "Unexpected token ILLEGAL"
stack: (...)
get stack: function () { [native code] }
set stack: function () { [native code] }
__proto__: Error

是不是我的姿势不对,我是用浏览器浏览第一个网址的 console 里输入的。

我觉得现在最大的问题是焦点问题,我在删除某些 css 后,能左右动但没有焦点,这么说你能理解?
DoraJDJ
2016-07-26 15:58:11 +08:00
@Livid /go/js
Javascript is not Java
shiki
2016-07-26 16:02:43 +08:00
@mtvboy 刚刚用了中文输入法,你把分号去掉或者换成英语的分号再试一下
mtvboy
2016-07-26 16:03:40 +08:00
@DoraJDJ 别生气,都是我的错,下回不会这样了。
DoraJDJ
2016-07-26 16:06:41 +08:00
@mtvboy 没生气啊,只是通知管理员移动而已。

不过我有些时候确实语气有点问题,得想办法改改了。
mtvboy
2016-07-26 16:25:22 +08:00
@shiki 哇塞好神奇,我能这么理解吗,你是让鼠标在图片上变成点击了吗?
这让我很为难。看似达到了效果,可是和第二个网址功能差别很大,由于第一个网址是被点击的图片就到中间位置了,如果鼠标不在中间位置,图片理论上就会不停的转,直到最后。我想做在页面底下当小图片目录,上面是大图,因为一次可能要载入上百张小图,所以才想这么弄的。
还有其他捷径可以指点指点吗?
HustLiu
2016-07-26 17:27:15 +08:00
Java 与 JavaScript
雷锋 与 雷峰塔
yixiang
2016-07-26 17:41:27 +08:00
放弃,用更简单直接的方法吧。这两个要较完美结合起来还是需要一定编码的。
phxsuns
2016-07-26 17:45:24 +08:00
继续找下你要的效果吧,不要考虑整合了。
整合两个的话,更需要功底,也更花功夫。
miaotaizi
2016-07-26 17:45:40 +08:00
难道不是在 hover 到 jQuery overScroll 的图片上的时候去执行以下 coverscroll('next')或者 coverscroll('prev') 吗?
最多就是判断以下当前的 img 与 hover 的 img 的索引大小关系
mtvboy
2016-07-27 08:42:48 +08:00
@shiki
@yixiang
@phxsuns
@miaotaizi
@lxrmido
谢谢大家。我想要的功能好像真的不是这两个插件整合就可以的,也整合不了。
第一个网址的功能是点击后焦点图片就到正中央了。而我需要的是焦点是鼠标,鼠标到哪里,哪里的图片就最大,而不是跳到中央。。
还得请大家给个建议,是重新找个别的方案,还是继续弄第一个网址的插件来实现。
xiyuesaves
2020-11-17 16:21:36 +08:00
@mtvboy 你的这个需求这个插件似乎满足不了吧,其实你的这个要求挺简单的,如果去学学 js 大概两天就能做出来

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/295012

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX