Jump to content
Sign in to follow this  
migalkin

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

Recommended Posts

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

 

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

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

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

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

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

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

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

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

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

 

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

Edited by migalkin

Share this post


Link to post
Share on other sites

сверстать

  • +1 1

Share this post


Link to post
Share on other sites
4 минуты назад, AWARO сказал:

сверстать

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

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

Edited by migalkin

Share this post


Link to post
Share on other sites
Только что, migalkin сказал:

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

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

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

  • +1 1

Share this post


Link to post
Share on other sites

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

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

Edited by migalkin

Share this post


Link to post
Share on other sites

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

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

Edited by migalkin

Share this post


Link to post
Share on other sites

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

  • +1 1

Share this post


Link to post
Share on other sites

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

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

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

Share this post


Link to post
Share on other sites

....

 

  • +1 1

Share this post


Link to post
Share on other sites
2 часа назад, migalkin сказал:

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

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

Спойлер

150314621915178925.jpg

 

Share this post


Link to post
Share on other sites

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

 

  • +1 1

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
You are posting as a guest. If you have an account, please sign in.
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Sign in to follow this  

  • Recently Browsing   0 members

    No registered users viewing this page.

×

Important Information

On our site, cookies are used and personal data is processed to improve the user interface. To find out what and what personal data we are processing, please go to the link. If you click "I agree," it means that you understand and accept all the conditions specified in this Privacy Notice.