Форум программистов [Powered by Invision Power Board]

Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате

Форум программистов > Вёрстка веб-сайтов > Схема в SVG

Автор: fMichail 10.2.2015, 15:10

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

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

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

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

Автор: bork 16.2.2015, 12:45

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

Код


<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/