Realizzare una finestra overlay con caricamento pagina html

[elebram]

Buon Giorno e grazie di avermi accettato nel vostro forum.
Avrei bisogno di aiuto, sono un novizio e sto cercando di costruire il mio primo sito.
Vorrei che alla pressione di un link testuale, si apra una finestra trasparente, responsive, che mostri un'altra pagina caricata al suo interno.
Si può fare? se si qualcuno può aiutarmi?

Ringrazio tutti anticipatamente per l'ìaiuto

 

[Max 1]

https://www.mrw.it/jquery/iframe-overlay-centrato-schermo_11528.html

https://portapipe.wordpress.com/201...popup-immaginitestoqualsiasi-cosa-con-jquery/

 

[elebram]

Grazie mille dell'aiuto!
Ora mi cimento nella realizzazione e ti faccio vedere il risultato.
Ancora grazie mille

 

[elebram]

Vorrei solo porti un'ultima domanda, sto seguendo il tut sul vostro sito, quello per il popup arancione e lo trovo bellissimo.
Nn riesco, per mia incapacità, a farlo diventare al click.
Nel senso che ho una testo e vorrei che il popup si aprisse a un click. ho modificato il js cercando di capire ma credo di aver fatto un errore:

link:

<!-- Projects Row -->
        <div class="row">
        <div class="panel panel-default">
          <div class="panel-thumbnail"><a href="#mypopup" title=""><img src="http://placehold.it/750x450" class="img-responsive" width="25%"></a></div>
        </div><!--/panel-->
      </div><!--/col-->

e il js:

$(document).ready(function(){
// intercetto il click su uno specifico elemento
$('#mioelemento').click(function() { 
$(document).ready(function(){
    $("#mrw_overlay").fadeIn(500);
    $("#mrw_box").fadeIn(500);
    $("#mrw_close").click(function(){
        $("#mrw_box").fadeOut(500);
        $("#mrw_overlay").fadeOut(500);
    });
});    
});
});