1

以下に示すように、YouTube href を渡すことにより、jQuery slideDown を使用してポップアップ ウィンドウに表示される YouTube ビデオ iframe へのリンクが多数あります。正常に動作しますが、Youtube img が jQuery の slideDown を「尊重」せず、スムーズに表示されないため、効果が不快です。例えば。

http://jchmusic.com/videos

...4 つの img リンクのいずれかをクリックするだけです。

スライドダウンの錯覚が良くなるように、YouTube iFrame (またはその他の手法) のコンテンツを何らかの形で「プリロード」する方法はありますか? （ところで：以下のように1つの大きな文字列すべてではなく、個別のノードを追加しようとしましたが、効果はありませんでした。）

jQuery('ul.slideshow a').click(function(e) {
    e.preventDefault();          
    var pNum = jQuery(this).attr('href');
    jQuery('#modalpopup #inside').empty();          
    jQuery('#modalpopup #inside').append('<iframe width="420" height="315" src="http://www.youtube.com/embed/' + pNum + '" frameborder="0" allowfullscreen></iframe>');
    iH = jQuery(document).height();
jQuery('#overlay').height(iH - 112).fadeTo( 'slow', .2 );
    jQuery('#modalpopup').slideDown(1000);
});

ティア、

---JC

4

1 に答える 1

0

どうですかsetTimeout

jQuery('ul.slideshow a').click(function(e) {
    e.preventDefault();
    var pNum = jQuery(this).attr('href');
    jQuery('#modalpopup #inside').empty();
    jQuery('#modalpopup #inside').append('<iframe width="420" height="315" src="http://www.youtube.com/embed/' + pNum + '" frameborder="0" allowfullscreen></iframe>');
    setTimeout(function() {
        iH = jQuery(document).height();
        jQuery('#overlay').height(iH - 112).fadeTo('slow', .2);
        jQuery('#modalpopup').slideDown(1000);
    }, 1200);
});​
于 2012-11-18T20:13:14.957 に答える