VPF::Схема в SVG - Форум программистов

fMichail

Дата 10.2.2015, 15:10 (ссылка)

(нет голосов)

Загрузка ...

Фрилансер

Профиль
Группа: Участник
Сообщений: 116
Регистрация: 12.4.2012

Репутация: нет
Всего: нет

Здравствуйте коллеги!

Подскажите пожалуйста, как сделать эффект подобный этому - http://www.dom-karamel.ru/plans

Чтобы был селектор этажа независим от размера монитора?

В примере реализовано через <MAP> и SVG? Как лучше реализовать подобное?

bork

Дата 16.2.2015, 12:45 (ссылка)

(нет голосов)

Загрузка ...

Шустрый

Профиль
Группа: Участник
Сообщений: 98
Регистрация: 4.1.2008

Репутация: нет
Всего: нет

Делается просто

Код


<style>

.dom {position:relative;} 
.dom a {position:absolute;}
.dom a:hover {background:url() no-repeat;}

</style>

<div class="dom">
    <div><img src="dom.jpg" alt="" /></div>
    
    <a href="" style="top:0; left:0"></a>
    <a href="" style="top:30px; left:0"></a>
    <a href="" style="top:60px; left:0"></a>
</div>

Аналогично реализована карта на сайте тез тура http://tez-tourr.com/

Это сообщение отредактировал(а) bork - 16.2.2015, 12:45

0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| Вёрстка веб-сайтов \| Следующая тема »