Use Lightbox with iFrame Link

Is there an option to open an iFrame with a lightbox?
I have tried different bootstrap modal scripts, but i couldn't get it work.

This is my html code:

<pre>
<a href="http://alpregio.outdooractive.com/ar-kaernten-ht/de/alpregio.jsp#q=heiligenblut&amp;tab=SearchTab" class="btn bootpopup" title="This is title" target="popupModal2">Open modal</a>
<div id="popupModal2" class="modal hide fade" tabindex="-1" role="dialog">
    <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal">×</button>
            <h3>Title</h3>
    </div>
    <div class="modal-body">
      <iframe src="http://alpregio.outdooractive.com/ar-kaernten-ht/de/alpregio.jsp#q=heiligenblut&amp;tab=SearchTab" style="zoom:0.60" frameborder="0" height="250" width="99.6%"></iframe>
    </div>
    <div class="modal-footer">
        <button class="btn" data-dismiss="modal">OK</button>
    </div>
</div>

And my script:

    <script>
jQuery('.bootpopup').click(function(){
    var frametarget = $(this).attr('href');
  var targetmodal = $(this).attr('target');
  if (targetmodal == undefined) {
    targetmodal = '#popupModal';
  } else { 
    targetmodal = '#'+targetmodal;
  }
  if ($(this).attr('title') != undefined) {
    $(targetmodal+ ' .modal-header h3').html($(this).attr('title'));
    $(targetmodal+' .modal-header').show();
  } else {
     $(targetmodal+' .modal-header h3').html('');
    $(targetmodal+' .modal-header').hide();
  }  
    $(targetmodal).on('show', function () {
        $('iframe').attr("src", frametarget );   
    });
    $(targetmodal).modal({show:true});
  return false;


});
</script>

The bootstrap modal should work, isn't it? Why it doesn't?

Regards,
Bettina