Html/CSS make a live picture of a website

Question

I was looking to making a link on a website a live changing picture of wherever the link is taking it to.

For example: I have a link to Page A, so the picture will show the page A. If I want to change the color of Page A, I would not have to change any code on the link picture but just the code for the color on the page and the picture will so the color change.

Answer 1

You could use a commercial service like Shrink The Web who will provide an API for this feature. It's a lot more intensive than just a bit of CSS/HTML..

Answer 2

You could just use a small iframe. I would layer a link over the top of it to prevent any interactions with that page itself. Otherwise, scraping a screenshot will require more than just HTML and CSS.

Answer 3

if i understood your question correctly, these are the possibilities for your problem.

1. Use Iframes, so that you can change the source of iframe with your changes and it will be reflected in every where it is used.
2. If you are using Jquery, knockout or any template engine, then you can create a template. so that you can change it and reuse it.