Добро пожаловать на сайт <БагБД>, где вы можете задавать вопросы о программировании и разработке на Битрикс и Битрикс24, и получать быстрые и квалифицированные ответы от профессионалов!

Графическое меню

00 голосов
3
Доброго времени суток!
Прошу не бить ногами, форум просматривал, все сообщения прочитал по этой теме. Очень нужно детальное объяснение что и куда написать, чтобы реализовать графическое меню, т.е. чтобы пунктом меню была картинка (ну это понятно), вопрос в том, как сделать так, чтобы при наведении на пункт меню картинка сменялась другой картинкой. Заранее спасибо и еще раз прошу прощение за дубли тем.
(Если объяснение будет детальным и для чайников, буду вам безмерно благодарен)
спросил 06 Июнь, 13 от SweetN (120 баллов)

3 Ответы

00 голосов
посмотрите CSS (css sprites), битрикс тут ни при чем.
ответил 06 Июнь, 13 от zloiall (320 баллов)
00 голосов
Добрый день,

http://www.citforum.ru/internet/webd/article_29.shtml
"Сменяющаяся картинка"
ответил 14 Июнь, 13 от JIETYHOK (2,260 баллов)
00 голосов
В меню в расширенном режиме редактирования нужно создать пользовательские свойства.

Обычно 2 штуки - для основного изображения, и для изображения которое показывается при наведении мышки.

В этих пользовательский свойствах для каждого рисунка прописать адреса. Например так:
small image: /images/menu/small.jpg
large image: /images/menu/big.jpg

потом кастомизировать шаблон компонента меню, и в нем вывести требуемые картинки, потом настроить из смену с помощью JS, CSS или как душе угодно.

Шаблон меню:
Код
<?if (!empty($arResult)):?>

<ul>
<?foreach($arResult as $key => $arItem):?>
  <li><a href="<?=$arItem["LINK"]?>"><div><img src="<?=$arItem["PARAMS"]["img_small"]?>" /></div><?=$arItem["TEXT"]?></a></li>
<?endforeach?>
</ul>
   
<?endif?>
ответил 17 Сен, 13 от Perfekt (220 баллов)

Похожие вопросы

0 голосов
1 ответ
0 голосов
0 ответов
спросил 06 Фев, 14 от ElektrA (100 баллов)