WebサイトをJoomlaに移植する：Javascriptメニューを処理するにはどうすればよいですか？

Question

既存のサイトをJoomla 1.5に移植しています。既存のサイトのメニューでは、ロールオーバーイメージとインラインJavaScriptが使用されます。メニューコードを書き換えずに、Joomlaでメニューを同じように表示し、Joomlaメニューを使用するにはどうすればよいですか？

Answer 1

実際には、かなり単純になりました。 Joomlaはメニューを<UL><LI><A>タグとしてレンダリングします。私がしなければならなかったのは、メニュー画像（選択状態と非選択状態の両方）から背景を抽出し、Joomla CSSの各スタイルの背景として画像を設定することでした。サイト（テキストが画像の一部ではなくなったため、わずかに異なるフォントを差し引いたもの）。

Answer 2

メニュー項目を画像として表示するには、メニュー項目を編集し、パラメーター（システム）見出しの下の画像を選択します（このリストには、images / storiesフォルダー内の画像が自動的に入力されます）。

また、メニューのモジュールを設定して、設定した画像を表示する必要があります。拡張機能<！> gt;に移動します。 [モジュール]をクリックし、メニューのモジュール（メインメニューなど）を選択します。そこから、[その他のパラメータ]を選択し、[メニュー画像を表示]および[メニュー画像リンク]を[はい]に設定します。

ロールオーバーは少し複雑になります。インラインJavaScriptを追加することはできませんが、JavaScriptを使用してメニューを見つけ、各アイテムにロールオーバーを割り当てることができます。 JoomlaにはMooToolsが同梱されていますが、ウィットヒットに慣れている場合はjQueryを使用できます。 [詳細パラメーター]の下の[メニュータグID]フィールドを使用して、メニューのul要素にHTML IDを指定します。