怎么能把这两个 js 功能合并,满头大汗的求问。 - V2EX
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 4362 次点击
    这是一个创建于 3373 天前的主题,其中的信息可能已经有所发展或是发生改变。
    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     Solana     2460 人在线   最高记录 6679       Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 26ms UTC 15:38 PVG 23:38 LAX 08:38 JFK 11:38
    Do have faith in what you're doing.
    ubao msn snddm index pchome yahoo rakuten mypaper meadowduck bidyahoo youbao zxmzxm asda bnvcg cvbfg dfscv mmhjk xxddc yybgb zznbn ccubao uaitu acv GXCV ET GDG YH FG BCVB FJFH CBRE CBC GDG ET54 WRWR RWER WREW WRWER RWER SDG EW SF DSFSF fbbs ubao fhd dfg ewr dg df ewwr ewwr et ruyut utut dfg fgd gdfgt etg dfgt dfgd ert4 gd fgg wr 235 wer3 we vsdf sdf gdf ert xcv sdf rwer hfd dfg cvb rwf afb dfh jgh bmn lgh rty gfds cxv xcv xcs vdas fdf fgd cv sdf tert sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf shasha9178 shasha9178 shasha9178 shasha9178 shasha9178 liflif2 liflif2 liflif2 liflif2 liflif2 liblib3 liblib3 liblib3 liblib3 liblib3 zhazha444 zhazha444 zhazha444 zhazha444 zhazha444 dende5 dende denden denden2 denden21 fenfen9 fenf619 fen619 fenfe9 fe619 sdf sdf sdf sdf sdf zhazh90 zhazh0 zhaa50 zha90 zh590 zho zhoz zhozh zhozho zhozho2 lislis lls95 lili95 lils5 liss9 sdf0ty987 sdft876 sdft9876 sdf09876 sd0t9876 sdf0ty98 sdf0976 sdf0ty986 sdf0ty96 sdf0t76 sdf0876 df0ty98 sf0t876 sd0ty76 sdy76 sdf76 sdf0t76 sdf0ty9 sdf0ty98 sdf0ty987 sdf0ty98 sdf6676 sdf876 sd876 sd876 sdf6 sdf6 sdf9876 sdf0t sdf06 sdf0ty9776 sdf0ty9776 sdf0ty76 sdf8876 sdf0t sd6 sdf06 s688876 sd688 sdf86