Портирование веб-сайта на Joomla: как мне работать с меню Javascript?

Question

Я портирую существующий сайт на Joomla 1.5. Меню на существующем сайте используют ролловер изображений и встроенный Javascript. Как я могу заставить меню выглядеть одинаково в Joomla и использовать меню Joomla, не переписывая код меню?

Answer 1

На самом деле все оказалось довольно просто. Joomla отображает меню как теги <UL><LI><A>. Все, что мне нужно было сделать, это извлечь фон из одного из изображений меню (как в выбранном, так и в невыбранном состоянии), установить изображения в качестве фона в каждом из стилей в Joomla CSS, и вуаля, он почти выглядит как старый site (за исключением немного другого шрифта, так как текст больше не является частью изображения).

Answer 2

Чтобы отобразить элемент меню в виде изображения, отредактируйте его и выберите изображение под заголовком «Параметры (система)» (этот список автоматически заполняется изображениями в папке «Изображения / истории»).

Вам также необходимо установить модуль для меню, чтобы отображать установленные вами изображения. Перейдите в Расширения> Модули, затем выберите модуль для вашего меню (например, Главное меню). Оттуда выберите «Другие параметры», а затем установите «Показать изображения меню» и «Ссылка на изображение меню» на «Да».

Ролловеры будут немного хитрее. Вы не сможете добавить встроенный JavaScript, но вы можете использовать JavaScript, чтобы найти свое меню и назначить ролловеры для каждого элемента. Joomla поставляется с MooTools, или вы можете использовать jQuery, если вам удобнее. Используйте поле ID тега меню в разделе «Дополнительные параметры», чтобы дать элементу меню ul идентификатор HTML.