Note that there are some explanatory texts on larger screens.

plurals
  1. PO
    primarykey
    data
    text
    <p>There's the <strong>easy</strong> solution, the <strong>hard</strong> solution, and the <strong>use-a-library</strong> solution.</p> <p><strong>use-a-library</strong> : I prefer always doing the use-a-library solution unless you have a darn good reason otherwise. One possible site which wraps the "hard solution" as a service for you: <a href="http://thumbnails.iwebtool.com/demo/" rel="nofollow noreferrer">http://thumbnails.iwebtool.com/demo/</a></p> <p><strong>easy</strong>: The easy solution is to just load the target webpage as a downscaled AJAXy window. You can use many of the Lightbox-class plugins for this task, particularly the ones which allow you to target arbitrary HTTP content for the Lightbox window. <a href="http://www.orangoo.com/labs/GreyBox/" rel="nofollow noreferrer">GreyBox</a> is my favorite of those which I have used before. <a href="http://particletree.com/features/lightbox-gone-wild/" rel="nofollow noreferrer">Lightbox Gone Wild</a> is also nice.</p> <p><strong>hard</strong>: Then there is the hard solution: you need to render the web page server side, cache the rendering as an image, and then serve up that image using Lightbox-esque Javascript (which is trivial next to the other requirements). How you would go about doing this is outside the scope of this box. Why would you do it this way? The preview generates MUCH faster for the client, and it hermetically seals the client's session away from things which might bust it in the target website -- poorly behaving Javascript and/or malware can cause Really Bad Things when you open them, even in an AJAXy window-within-a-window.</p>
    singulars
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. VO
      singulars
      1. This table or related slice is empty.
    2. VO
      singulars
      1. This table or related slice is empty.
    3. VO
      singulars
      1. This table or related slice is empty.
    1. This table or related slice is empty.
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload