CODEWITHSUNDEEP
javascripthtml
Tim Bittersohl
Tim Bittersohl

Reputation: 149

Creating a website with tiles of pages in HTML

How to create a Website with HTML5 and JavaScript which gives you an overview over several Websites?

The shown web pages should be visible as tiles on the screen. Therefore they need to be displayed shrinked, like when I do a screenshot and size it down...

The browser window should look something like that:

++==============================================================++
|| shrinked website a | shrinked website b | shrinked website c ||
||--------------------+--------------------+------------------- ||
|| shrinked website d | shrinked website e | shrinked website f ||
||--------------------+--------------------+------------------- ||
|| shrinked website g | shrinked website h | shrinked website i ||
++==============================================================++

I don't want to use iframes, because i think they can't be sized down. The tiles don't have to be responsive, too.

Is this possible to implement somehow?

Upvotes: 0

Views: 2356

Answers (2)

Tim Bittersohl
Tim Bittersohl

Reputation: 149

The solution to create the screenshots of the pages to be shown as tiles is in the following article:

Website screenshots using PHP

In there is also a description how to do this using no PHP, but only HTML5 and JavaScript

Then they just have to be sized down and filled in using JavaScript.

Thanks for your comment, FAngel

Upvotes: 0

SteveEdson
SteveEdson

Reputation: 2495

You would have to use an iframe and use css to position each frame. More information on the iframe tag can be found here http://www.w3schools.com/tags/tag_iframe.asp

Note: loading 9 iframes, each containing a full webpage will really slow down the page and would result in an awful experience for the user.

Upvotes: 2

Related Questions