V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
推荐关注
Meteor
JSLint - a JavaScript code quality tool
jsFiddle
D3.js
WebStorm
推荐书目
JavaScript 权威指南第 5 版
Closure: The Definitive Guide
mtvboy
V2EX  ›  JavaScript

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

  •  1
     
  •   mtvboy · 2016-07-26 13:34:33 +08:00 · 3941 次点击
    这是一个创建于 3071 天前的主题,其中的信息可能已经有所发展或是发生改变。
    http://www.jq22.com/demo/jQueryoverScroll20151015/
    是一个 jQuery overScroll 的图片插件,很漂亮,想用来做相册导航但不能鼠标跟随。

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

    想问问有没有人能教我一些方法或技巧来弄它,我真的是不行了 /或者有没有现成的这种 js 。我不会写 js ,只能看懂简单的 js 来修改,显然这个已经超出我的能力范围,帮帮我吧,万分感谢。。。
    19 条回复    2020-11-17 16:21:36 +08:00
    InFaNg
        1
    InFaNg  
       2016-07-26 13:51:40 +08:00 via Android
    为什么发到 java 里
    mtvboy
        2
    mtvboy  
    OP
       2016-07-26 13:54:11 +08:00
    发错地方了是吧。不好意思。我对分类有点迷惑,应该发到哪里?我现在应该怎么办?
    mtvboy
        3
    mtvboy  
    OP
       2016-07-26 13:56:59 +08:00
    我知道了,应该发到 jquery 里。可是我在节点导航里没找到 jquery 啊。现在改怎么办?
    chairuosen
        4
    chairuosen  
       2016-07-26 14:02:41 +08:00
    如果不会 js ,就在已有插件里找合适的,搜 image slider 有一堆
    mtvboy
        5
    mtvboy  
    OP
       2016-07-26 14:26:01 +08:00
    @InFaNg 谢谢。知道发错了。
    @chairuosen 我以为那个鼠标跟随的 js 只有几行代码,应该能合并上,只是在 css 上看花了眼。因为需要这样的东西,才要强行合并的,要不我就用别的了。依然谢谢你的建议。
    leefly
        6
    leefly  
       2016-07-26 14:34:20 +08:00
    @InFaNg 因为是 java script 😂
    shiki
        7
    shiki  
       2016-07-26 15:21:01 +08:00
    假设你用了第一个网址上面的插件,你可以监听 图片的 hover 事件,触发它的 click 。
    像第一个网址,你可以在试着在 console 里执行一下这个代码看看效果
    $('#container2 > img').hover(function(){$(this).click()});
    mtvboy
        8
    mtvboy  
    OP
       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
        9
    DoraJDJ  
       2016-07-26 15:58:11 +08:00 via Android
    @Livid /go/js
    Javascript is not Java
    shiki
        10
    shiki  
       2016-07-26 16:02:43 +08:00
    @mtvboy 刚刚用了中文输入法,你把分号去掉或者换成英语的分号再试一下
    mtvboy
        11
    mtvboy  
    OP
       2016-07-26 16:03:40 +08:00
    @DoraJDJ 别生气,都是我的错,下回不会这样了。
    DoraJDJ
        12
    DoraJDJ  
       2016-07-26 16:06:41 +08:00 via Android
    @mtvboy 没生气啊,只是通知管理员移动而已。

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