Перейти к содержимому

MOAB

- - - - -

Увеличение изображения при помощи css - как?


  • Войдите, чтобы ответить
Сообщений в теме: 6

#1 El Marshal Che

El Marshal Che

    Мастер

  • Модератор
  • PipPipPipPip
  • 1 314 сообщений
858

Отправлено 27 Октябрь 2015 - 12:09

Здравствуйте.

Изгуглился, но не могу найти решения, пожалуйста, подскажите.
Задача: есть карта, надо при наведении на нее увеличить соответствующий участок. Карта представлена одним джепегом, резать на куски нельзя.

И, конечно, все [желательно] должно быть красиво, с эффектами там, затенениями и юными девами.
Пока не совсем представляю увеличение должно происходить над джепегом или как-то немного сбоку, что ли, чтобы за курсором можно было следить, рассмотрю на примерах как лучше.
Дайте, пожалуйста, сцыль на верное решение.

Большое спасибо.
F4KIN HATE SEO

#2 donc

donc

    Гай Юлий Калигула Сковородкер

  • Основатель
  • PipPipPipPipPip
  • 9 609 сообщений
8 149
  • Изсекты свидетелей Кецалькоатля

Отправлено 27 Октябрь 2015 - 13:32

Так это вроде джавой надо делать. ИМХО
А есть еще вроде USEMAP И AREA поколдовать можно

#3 uniks

uniks

    Почетный

  • Основатель
  • PipPipPipPipPip
  • 3 472 сообщений
3 272
  • ИзИркутск

Отправлено 27 Октябрь 2015 - 13:32

Вроде как называется zoom или лупа, но, как понимаю, часто пилят его сами.

#4 Valek

Valek

    ВСтатусе

  • Активный участник
  • PipPipPipPip
  • 1 394 сообщений
2 001
  • ИзРоссии :(

Отправлено 27 Октябрь 2015 - 23:25

Просмотр сообщенияEl Marshal Che сказал:

рассмотрю на примерах как лучше.
В смысле вот так, как на главное фото курсом поводить?
lamoda.ru/p/to030emgux97/clothes-topman-dzhemper/

Или вот еще
http:// jshop.brooksite.ru/cars/saloon-e90.html
http:// jshop.brooksite.ru/music-video/video.html
http:// jshop.brooksite.ru/water/water-25-l.html
http:// jshop.brooksite.ru/water.html
Отличный хостинг низкие цены, высокое качество и SSL Ссылка на сайт

#5 KaSH

KaSH

    Инструктор по счастью

  • Основатель
  • PipPipPipPip
  • 1 280 сообщений
2 123
  • Изморя и с гор

Отправлено 28 Октябрь 2015 - 00:23

Просмотр сообщенияEl Marshal Che (27 Октябрь 2015 - 12:09) писал:

Дайте, пожалуйста, сцыль на верное решение.
Большое спасибо.
Чет как-то слабо гуглил. Я наяндексил с первой попытки :)
http://jquery.page2p...hp5/JQuery_Лупа
http://chrisiufer.com/loupe/index.html
http://xiper.net/col...s/ui/cloud-zoom
И т.п. - http://yandex.ru/sea...па&clid=2063712

Пожалуйста ;)
Есть вещи получше качалки, сноуборда, виндсерфинга, кайтсерфинга, роликов, батута, танцев... Но я о них никогда не слышал Изображение
Серьезные сайты размещаю на VPS, простые в TimeWeb. Старые, более ненужные мне сайты я продаю на Телдери. Бухгалтерию и отчеты в налоговую за меня делает Эльба.

#6 El Marshal Che

El Marshal Che

    Мастер

  • Модератор
  • PipPipPipPip
  • 1 314 сообщений
858

TC Отправлено 28 Октябрь 2015 - 09:18

Спасибо, ребят.

По поводу гугления - я смотрел "увеличение изображения css" и производные от него, добавив слово "лупа" все сразу стало гораздо проще, как-то не подумал, что этот эффект так [очевидно] называется )
F4KIN HATE SEO

#7 uniks

uniks

    Почетный

  • Основатель
  • PipPipPipPipPip
  • 3 472 сообщений
3 272
  • ИзИркутск

Отправлено 28 Октябрь 2015 - 11:09

El Marshal Che, ну дык там же визуально обычно Лупа стоит, ага, не парились с названием )




Количество пользователей, читающих эту тему: 0

0 пользователей, 0 гостей, 0 анонимных



© 2019 SMO&SEO форум «WEBIMHO» — продвижение и создание сайтов, интернет-маркетинг

По вопросам рекламы на форуме и цены на рекламу
Все материалы SEO форума разрешены к копированию только с установкой гиперактивной ссылки на webimho.ru,
тем, кто этого не сделает, мы оторвем руки и ноги и поменяем местами,
а когда выйдем из тюрьмы, опять оторвем и опять поменяем.


Россия, г. Москва

Мы в соцсетях: twitter | вконтакте | facebook | livejournal