I would like to know if there is a way to make a live preview of websites from URL in form of a thumbnail? Idea is that user enters the URL on his account and he gets a live preview of a website in form of thumbnail, just like google chrome has shortcuts of recently visited websites, but should work in any browser. I tried with iframe but I got "website inside website", could click on links, menus and everything. It was really weird, ha. Thanks ;)
use the embed tag with a src and type of text/html example
<embed src="+page+" type="text/html"/></div>
You could iframe the site, decorate it with a border, use CSS transformations to shrink it to a "thumbnail", then use CSS to ensure that mouse interactions are ignored.
#frame {
border: 10px solid blue;
width: 500px;
height: 500px;
pointer-events: none;
-webkit-transform: translate(-200px,-200px) scale(.2, .2);
-moz-transform: translate(-200px,-200px) scale(.2, .2);
-o-transform: translate(-200px,-200px) scale(.2, .2);
-ms-transform: translate(-200px,-200px) scale(.2, .2);
transform: translate(-200px,-200px) scale(.2, .2);
overflow: hidden;
}<iframe id="frame" src="https://stackoverflow.com" scrolling="no"/></div>