aperçu de la page web jQuery [dupliquer]
Cette question a déjà une réponse ici:
Est-ce que quelqu'un connaît un plugin qui vous permet de rouler sur un lien d'ancrage et de voir un aperçu de la page Web?
Donc, essentiellement, nous pouvons avoir un lien sur la page à dire www.mysite.com et quand vous roulez sur le lien, je voudrais voir un aperçu du site.
Je sais qu'il existe des plugins qui vous montrent un fichier image, mais je cherche quelque chose qui prévisualisera la page en direct.
Modifier
J'aimerais voir une miniature de la page.
3 réponses
Si vous voulez réellement un aperçu de la page en direct, vous devrez utiliser un iframe. Si vous voulez juste un aperçu de L'image, la suggestion de Fulvio fonctionnera, mais ne montrera pas un aperçu "en direct" (c'est-à-dire, aucune animation que vous verriez normalement, si l'utilisateur est connecté à une page, vous ne verrez que la première page, etc.). Il est possible de mettre à l'échelle le contenu d'un iframe pour qu'il s'agisse d'une vignette, obtenant ainsi l'effet souhaité. Par exemple:
<html>
<head>
<!--[if IE]>
<style>
#frame {
zoom: 0.2;
}
</style>
<![endif]-->
<style>
#frame {
width: 800px;
height: 520px;
border: none;
-moz-transform: scale(0.2);
-moz-transform-origin: 0 0;
-o-transform: scale(0.2);
-o-transform-origin: 0 0;
-webkit-transform: scale(0.2);
-webkit-transform-origin: 0 0;
}
</style>
</head>
<body>
<iframe id="frame" src="http://www.bing.com">
</iframe>
</body>
</html>
Amusez-vous :)
Copiez et collez dans la barre D'URL de votre navigateur pour prévisualiser:
data:text/html,<html><head><!--[if IE]><style>iframe{zoom:0.2;}</style><![endif]--><style>iframe{width:800px;height:520px;border:none;-moz-transform:scale(0.2);-moz-transform-origin:0 0;-o-transform:scale(0.2);-o-transform-origin:0 0;-webkit-transform:scale(0.2);-webkit-transform-origin:0 0;}</style></head><body><iframe src="http://www.bing.com"></iframe></body></html>
QTip est un plugin d'info-bulle pour le framework jQuery. Il est multi-navigateur, personnalisable et rempli de fonctionnalités.
Http://craigsworks.com/projects/qtip/demos/content/thumbnail
Mise à jour:
QTip 1.0 sera bientôt obsolète... consultez l'aperçu qTip2 .
Plus de services de vignettes à site web gratuit Services de vignettes . Mais ils pourraient Toujours mettre en cache des images, tout comme WebSnapr.