Anteprima Link esterno
Author: Marcello C.
Visited 572,
Followers 2,
Shared 0
Buongiorno.
Vorrei mostrare un'anteprima di un Social o di un'altra pagina web all'interno di una finestra presente su uno dei miei siti.
Negli oggetti "Social" ad esempio questa funzione è stata integrata per Facebook e mi consente di mostrare l'anteprima della pagina Facebook in una finestra, con le impostazioni Altezza x Larghezza.
Come posso replicare tale funzione in anteprima per altri Social o semplicemente per una pagina web esterna di un'altro sito.
Grazie.
Posted on the
Ciao Marcello:
Molti siti Web non consentono l'incorporamento su altri siti o l'hosting, quindi se non possiedi i siti (ad esempio i social media) potrebbero non essere visualizzati e potresti ricevere un errore di connessione.
Bene. Il modo in cui vengono inseriti altri siti o pagine è tramite codice css e un iframe all'interno di un oggetto html: Osserva gli screenshot.
1) Codice css: va diretto nell'opzione avanzata dell'oggetto html senza etichette.
.iframe1 {
width: 100%;
height: 400px;
}
.iframe2 {
width: 100%;
height: 600px;
}
.iframe3 {
width: 100%;
height: 800px;
}
#example1 { border: 2px green solid; }
#example2 { border: 2px red solid; }
#example3 { border: 2px orange solid; }
2) Codice iframe: Va nell'oggetto html -codice html. (Ho utilizzato le pagine trovate sul sito del tuo profilo e non ho avuto problemi a visualizzarli.)
<h1>Sitio Web 1</h1>
<p><iframe src="https://www.kaleidomediart.com/--contatti---.html" class="iframe1" id="example1"></iframe></p><br>
<h2>Sitio Web 2</h2>
<p><iframe src="https://www.ak-na.com/" class="iframe2" id="example2"></iframe></p><br>
<h3>Sitio Web 3</h3>
<p><iframe src="https://www.kaleidomediart.com/" class="iframe3" id="example3"></iframe><p><br>
Basta sostituire l'indirizzo completo del sito che si desidera incorporare.
Come puoi vedere, questo codice serve per incorporare più di un iframe in ogni pagina, ciascuno con un'altezza diversa di 400, 600 e 800 px.
Ogni iframe ha un bordo colorato diverso, ma puoi anche cambiarlo o impostarlo su 0px.
Se intendi incorporare un solo iframe per pagina, scegli l'opzione appropriata.
Prova e commenta se in questo modo funziona per te.
Saluti.
Dovresti anche considerare che l'incorporamento di un iframe con un altro sito web può rallentare il tuo sito web.
x Marcello, ... ... se le pagine esterne non sono protette da "cross domain policy", (!), ...allora le puoi incorporare in un semplice e banale IFRAME...
... altrimenti, un modo ancor molto più semplice e fuori del controllo dei cookie, è quello di mettere un'immagine STAMP di anteprima, (o di un LOGO), collegandola al sito esterno con apertura in un PopUp...
.
Author
Grande Miguel n° 1
Ho copiato il codice e funziona tutto perfettamente.
Grazie Mille.
Sempre in debito per chi offre supporto e soluzioni.
Buone cose .
Ciao.
Marcello