Home Sign Up Sign In
lin
V2EX  ›  问与答

如何让 jQuery.getJSON() 输出的图片支持lightbox类幻灯插件？

  •   
  •   lin · Aug 31, 2010 · 5551 views
    This topic created in 5744 days ago, the information mentioned may be changed or developed.
    事情是这样的，我学着这里的方法:
    http://api.jquery.com/jQuery.getJSON/

    调用了某个图片站的api，做了一个小型相册。
    我想点击图片放大，（幻灯片）。

    我照着jquerytools和fancybox的demo格式输出。
    但是奇怪的是，
    做出来的东西都没有幻灯片效果。
    可是把输出的html copy进两个demo的代码里，就能正常运行。

    jquerytools overlay: http://flowplayer.org/tools/overlay/index.html
    fancybox: http://fancybox.net/

    谢谢！
  • jquerytools
  • fancybox
  • Demo
    8 replies  •  1970-01-01 08:00:00 +08:00
    sospartan
        1
    sospartan  
       Sep 1, 2010
    把你的源码贴上来吧 否则不好说
    lin
        2
    lin  
    OP
       Sep 1, 2010
    @sospartan
    http://gist.github.com/559436
    这个是和fancybox整合的代码。
    explon
        3
    explon  
       Sep 1, 2010 via iPhone
    加载完重载一次lightbox
    AJ
        4
    AJ  
       Sep 1, 2010
    以源码来说，有以下：
    $("a.fancy").fancybox({
    'titlePosition' : 'inside'
    });

    就可以正常匹配fancybox的执行
    lin
        5
    lin  
    OP
       Sep 1, 2010
    @explon 如何重载？刷新？强制刷新？
    explon
        6
    explon  
       Sep 1, 2010
    @lin lightbox 再调用一次 lightbox() 方法就行
    gaowhen
        7
    gaowhen  
       Sep 1, 2010
    动态产生的 img 需要再绑定下 lightbox() 事件。
    Natsuki
        8
    Natsuki  
       Sep 1, 2010
    live()
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Solana   ·   2967 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 78ms · UTC 08:57 · PVG 16:57 · LAX 01:57 · JFK 04:57
    ♥ Do have faith in what you're doing.