2012-04-15 113 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