Aperçu des liens distants

Question

Tout le monde sait comment puis-je prévisualiser les liens qui ne sont pas enregistrés localement sur le serveur. J'ai lu ce article sur la prévisualisation des liens à la volée, mais il dit qu'il fonctionne uniquement à partir de fichiers locaux.

Je voulais prévisualiser un lien comme http://www.google.com, etc Je pensais que je pourrais utiliser quelque chose de similaire à la fonction de lecture de PHP file_get_contents ou qui ne ferait rien?

Answer 1

Vous pouvez utiliser l'événement $("#preview").hover() et créer un iframe pour les visualiser:

http://jsfiddle.net/mQhX5/1/

ajuster la position et la taille en fonction de vos besoins.

Ceci est le css pour redimensionner le contenu iframe pour les rendre petits:

iframe { 
    width: 800px; 
    height: 520px; 
    border: none; 
    position:absolute; 
    -moz-transform: scale(0.5); 
    -moz-transform-origin: 0 0; 
    -o-transform: scale(0.5); 
    -o-transform-origin: 0 0; 
    -webkit-transform: scale(0.5); 
    -webkit-transform-origin: 0 0; 
}