2012-04-15 114 views

回答

1

您需要调用DOM准备好的.fancybox()调用,而不是点击。

$(document).ready(function() { 

    var $elt = $('div.jTscroller'), 
     id = $elt[0].id, 
     url = id + '.html', 
     w = parseInt($elt.attr('w'), 10), 
     h = parseInt($elt.attr('h'), 10); 

    $elt.fancybox({ 
     padding: 2, 
     height: h + 28, 
     width: w + 23, 

     autoScale: true, 
     openEffect: 'elastic', 
     openSpeed: 150, 
     type: 'iframe', 
     href: url, 
     closeEffect: 'elastic', 
     closeSpeed: 250, 
     helpers: { 
      title: { 
       type: 'outside' 
      }, 
      overlay: { 
       speedIn: 750, 
       opacity: 0.9 
      } 
     } //end helpers 
    }) //end fancybox     
}); //end click 
}); //end ready​​ 

讨厌的滚动条显示,因为页面中的video1.html<body>元件具有应用于其上的用户代理默认8像素余量。添加margin: 0那个元素,你是好去:

enter image description here

+0

由于滚动条的问题解决了,但不是双击。试图简单地剪切和粘贴上面的代码,我的所有值(id,url,w,h)都是未定义的。 – 2012-04-15 12:39:14