Тематика: По цвету: Красный Желтый Зеленый Синий Оранжевый Розовый Серый Белый Черный Мульти

Ваш сайт на CMS Joomla? Добавьте его в галерею Joomfans!

Вы можете совершенно бесплатно добавить ваш веб-сайт в нашу галерею сайтов. Подробнее...

Галерея Добавить

  • Страница:
  • 1
  • 2
  • 3
  • 4
  • 5

ТЕМА: Ищу модуль аренды помещений

Re: Ищу модуль аренды помещений 5 года, 2 мес. назад #3186

добавил. стало лучше, но всеравно ссылки неизвестно где, не на маркерах
  • sergej.kiselevich
  • Вне сайта
  • Fresh Boarder
  • Постов: 15
  • Репутация: 0

Re: Ищу модуль аренды помещений 5 года, 2 мес. назад #3187

У вас почему-то координаты отсчитываются от левого края окна браузера а не от картинки. Где-то вы допустили ошибку, либо ошибка в шаблоне. Сейчас посмотрю как смогу, если что-то увижу напишу т.к. без доступа очень сложно что либо увидеть. Проверьте пока правильность кода. Нигде не пропущен тег.
  • joomfans
  • Вне сайта
  • Administrator
  • smo,seo, design
  • Постов: 516
  • Репутация: 48
Adipiscing et ridiculus velit! Mauris, pellentesque duis integer sit non. Augue ac! Dolor tincidunt in etiam mus amet!

Re: Ищу модуль аренды помещений 5 года, 2 мес. назад #3188

1) Вы в CSS пропустили 1 строку кода и из-за этого координаты считаются от края браузера (добавьте position: relative; к объекту #map-object {...}, после этого будет все нормально):

#map-object{
 background: url(../images/background-map.jpg) no-repeat;
 position: relative;
 width: 679px;
 height: 508px;
}

2) Вы немного не правильно считаете координаты. Например, для маркера #marker1 a {...} у вас должно быть слева 60px, a сверху 160px.

Т.е. вместо того что у вас прописано:
#marker1 a {
    left: 73px;
    top: 174px;
}

Должно быть так:
#marker1 a {
    left: 60px;
    top: 160px;
}

И так для всех ваших маркеров нужно пересчитывать координаты, т.к. все неправильные.

p.s. рекомендую также для отображения картинки в всплывающем окне, добавить ширину и высоту одинаковых размеров и желательно не превышающих само всплывающее окно. Будет смотреться намного лучше.
  • joomfans
  • Вне сайта
  • Administrator
  • smo,seo, design
  • Постов: 516
  • Репутация: 48
Adipiscing et ridiculus velit! Mauris, pellentesque duis integer sit non. Augue ac! Dolor tincidunt in etiam mus amet!
Изменено: 5 года, 2 мес. назад от joomfans.

Re: Ищу модуль аренды помещений 5 года, 2 мес. назад #3189

Добавил, все отлично стало, только подскажите, как сделать,чтобы подсказка не проподала при наведении на нее и чтобы там было слово подробнее ссылкой на страницу, а не клик по маркеру?
  • sergej.kiselevich
  • Вне сайта
  • Fresh Boarder
  • Постов: 15
  • Репутация: 0

Re: Ищу модуль аренды помещений 5 года, 2 мес. назад #3190

Для этого используйте такой вариант (он подробно также описан в статье):

<a href="#" rel="popover" data-placement="bottom" data-content="<img src='images/1.jpeg' alt='название картинки' /> <span class='ttext'>Любой произвольный текст...</span> <span class='tprice'>950 руб. шт.</span> <a class='linkcontent' href='#' title='Подробнее...'>Подробнее...</a>" data-original-title="Заголовок">Заголовок</a>

т.е. фактически из ссылки мы просто убираем опцию:
data-trigger="hover"

И в ссылку дописываем текст "Подробнее..." с ссылкой на нужный нам материал. Не забываем ссылку публиковать с классом, чтобы можно было ее оформить и расположить там где нужно при помощи CSS.

В данном варианте маркер будет работать таким образом:
— Всплывающее окно будет отображаться только при клике на маркер
— Всплывающее окно можно будет отключить только кликнув курсором обратно на маркер
  • joomfans
  • Вне сайта
  • Administrator
  • smo,seo, design
  • Постов: 516
  • Репутация: 48
Adipiscing et ridiculus velit! Mauris, pellentesque duis integer sit non. Augue ac! Dolor tincidunt in etiam mus amet!
Изменено: 5 года, 2 мес. назад от joomfans.
Спасибо сказали: sergej.kiselevich
  • Страница:
  • 1
  • 2
  • 3
  • 4
  • 5
Время создания страницы: 0.43 секунд
Buy Facebook page likes.