Как сделать сайт из 1 рисунка с картой изображений?

Question

[boOogdan]

Вопрос довольно нестандартный, так что..
Есть верстка (просто jpg рисунок, на котором есть текст, рисунки, кнопки и т.д.), к примеру, 1000х2000 px. Необходимо так его вставить в код html, что бы он был на весь монитор (выглядел, как полноценный сайт (на 1 компе, в режиме index.htm...)). Кроме того, необходимо создать карту изображений на каждый кликабельный элемент.
Возникает вопрос: как разместить в коде этот рисунок?
З.Ы. если кто-то напишет пример кода, буду очень благодарен.
Спасибо

Answer 1

[Михаил Лялин]

непонятна конечная цель = либо эмуляция сайта, либо сайт через htmlbook.ru/content/karty-izobrazheniya

Answer 2

[ylebedev]

Ну так HTML map используйте!

тут тема в чем
1. рисунок на разных мониторах и разном разрешении будет ехать.
Или сжиматься, или увеличиваться. - будет страдать качество.
Полноценный сайт особо не выйдет.

CSS3:

body {
        background: url(img/image.jpg) no-repeat center center fixed;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
}

Иногда при сложных вариациях сайта используют разные картинки.

Для этого обычно JAVASCRIPT инициализирует размер окна и подгружает необходимую картинку.
(можно подгружать с данными о mapping` ге)