Расположение модульной картинки(баннера) на главной странице с заменой при наведение мышью.

[migalkin]

Постараюсь объяснить что мне бы хотелось.

 

Есть картинка http://prntscr.com/j7yl5x

Сейчас на сайте вставлена с помощью HTML контента. В реальности это 4 картинки. http://prntscr.com/j7ym5l

Высота у них общая, а вот ширина разная( зависит от рисунка)

Сейчас ищу модуль или вариант как вставить ее на сайт. Что бы ширина не разъезжалась на разных мониторах, и данная картинка не показывалась на мобильной версии.

Так же при наведение на нее менялась на другую. Или поверх накладывалось другое изображение.

Так без наведения http://prntscr.com/j7ym5l

Так с наведением мышью http://prntscr.com/j7ynol (получается ведет себя как ссыла, подсвечивается.

Или поверх накладывается такое изображение http://prntscr.com/j7yoe5

И на картинках(баннерах) нужны ссылки на нужные места.

 

Вот не знаю как это организовать. Смотрел в сторону qbanner но там нету замены или накладывание изображения.

Змінено 20 квітня 2018 користувачем migalkin

[HyperLabTeam]

сверстать

[migalkin]

4 минуты назад, AWARO сказал:

сверстать

Как вариант. А какова примерно стоимость верстки такого заказа может быть?

Сам я могу это сделать, но знаний не так много. Дольше придется учится. С версткой у меня 2-3% из 100% знаний

Змінено 20 квітня 2018 користувачем migalkin

[HyperLabTeam]

Только что, migalkin сказал:

Как вариант. А какова примерно стоимость верстки такого заказа может быть?

Сам я могу это сделать, но знаний не так много. Дольше придется учится. С версткой у меня 2-3% из 100% знаний

а как это должно выглядеть при изменении размера экрана? понятно в мобиле скроем а в 720-900..?

[migalkin]

Первое что приходит в голову как на модуле qbanner, у этого модуля при уменьшение разрешения, картинки становятся меньше, но они не меняют своего расположения относительно друг друга.. 

720-900 эээ то где такое разрешения сейчас можно встретить?

Змінено 20 квітня 2018 користувачем migalkin

[migalkin]

Имею ввиду: что бы такого не происходило. http://prntscr.com/j7yzvr

Уменьшил разрешение и сразу поехала картинка. Так как ясно из фото, работаем с садиками, там мониторы не всегда новые, и скорее всего даже есть 1024/768

Змінено 20 квітня 2018 користувачем migalkin

[HyperLabTeam]

сбросьте мне эти четыре картинки, куда нить на ЯДиск или гугл диск выложить
все 8штук

[migalkin]

Скинул 12 картинок. 4 из них без фона затемненный текст.

Сегодня уже ответить не смогу. Время у меня позднее уже.

Буду ждать вашего вердикта и оценки стоимости.

[HyperLabTeam]

....

 

[TeslaFeo]

2 часа назад, migalkin сказал:

720-900 эээ то где такое разрешения сейчас можно встретить?

планшеты, нетбуки

Спойлер

 

[HyperLabTeam]

да это херня 100% и норм, спросил для интереса,
теперь будет в курсе))

 

[migalkin]

Честно. Я спросил потому что давно не видел таких разрешений. Работаю админом, по обслуживанию юр лиц. И знаете даже у телефонов уже выше разрешения. Честно давно таких не видел)) даже у старого недобука 1366/768

[migalkin]

Проблема решена. спасибо AWARO. Все быстро и качественно