2012-04-15 1 views

答えて

1

クリック時ではなく、.fancybox()呼び出しをDOMで呼び出す必要があります。 video1.htmlのページの<body>要素がそれに適用されるユーザーエージェントのデフォルトの8pxマージンを持っているので

$(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​​ 

厄介なスクロールバーが表示されます。その要素にmargin: 0を追加すると、行ってもいいです:

enter image description here

+0

スクロールバーの問題が解決おかげではなく、ダブルクリックします。上のコードを単純に切り取って貼り付けようとしましたが、私のすべての値(id、url、w、h)は定義されていません。 –

関連する問題