css - Wordpress twitter-bootstrap-3 モーダル

Question

私はサードパーティのプラグインを使用してショートコード (NextGen ギャラリー プラグイン) をプルしていますが、これは完全に機能しますが、画像をクリックすると新しいブラウザ ウィンドウに移動して全画面画像が表示されます。ショートコードをラップしてモーダル内に表示する方法を知りたいですか?

<a href="#gallery" data-toggle="modal">
                                <?php echo do_shortcode('[ngg_images gallery_ids="1" display_type="photocrati-nextgen_basic_thumbnails" excludes="4,6" gallery_height="400"]'); ?>

</a>

これが私のモーダルです：

<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content" style="margin-top:200px;">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                <h4 class="modal-title" id="myModalLabel">Club video</h4>
            </div>
            <div class="modal-body">
                <iframe width="100%" height="500" src="//www.youtube.com/embed/4UnLo57BhEA" frameborder="0" allowfullscreen></iframe>
            </div>
        </div>
    </div>
</div> 

私はアイデアに少しこだわっています... :S