Jump to content
Sign in to follow this  
captainac

Как на главной сменить картинку при наведении мыши

Recommended Posts

Всем доброго дня!

Стоит задача на главной странице сделать 3 картинки при выборе каждой из которой осуществляется переход на категорию. С этим все понятно, но! необходимо сделать так, чтобы картинка при наведении курсора менялась на другую.

Вывожу картинки на главную с помощью Модуля "HTML Содержимое", используя сетку bootstrap. Нашел на сторонних сайтах код, который меняет картинки, но как его использовать не знаю. Я не силен в html. Вот такой код:

<!DOCTYPE html>
<html>
 <head>
  <meta charset="utf-8">
  <title>Эффект перекатывания</title>
  <style>
   a.rollover {
    background: url(/image/catalog/geotekstil/prompoly.jpg); /* Путь к файлу с исходным рисунком  */
    display: block; /*  Рисунок как блочный элемент */
    width: 370px; /* Ширина рисунка */
    height: 283px; /*  Высота рисунка */
   }
   a.rollover:hover {
    background: url(/image/catalog/poly/parkhaus.jpg); /* Путь к файлу с заменяемым рисунком  */
   }
  </style>
 </head>
 <body>
  <p><a href="#" class="rollover"> </a></p>
  </body>
</html>

Также думал может как-то для этой цели можно использовать модуль "Additional image in category". У меня этот модуль установлен, но он, как я понял, не настраиваемый, и меняет только картинки товара

Знающие, помогите решить сию проблемку

Edited by tim21701
Используйте тег КОД для вставки кода в сообщение.

Share this post


Link to post
Share on other sites

а с помощью карусели и баннеров не катит? можно поискать модуль, где можно поставить на один баннер несколько картинок, ну а там уже и функции  перехода должны какие-нибудь быть...

Share this post


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

а с помощью карусели и баннеров не катит? можно поискать модуль, где можно поставить на один баннер несколько картинок, ну а там уже и функции  перехода должны какие-нибудь быть...

Нет все не то уже пробовал. Искал модуль, нашел только вышеуказанный, но он не работает для моего случая

В идеале хочу вот так: http://templates.entheosweb.com/template_number/live_demo.asp?TemplateID=44024.  Очень круто смотрится.

Share this post


Link to post
Share on other sites

ну там я так думаю стоят баннеры + хтмл в description 

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.