ウェブサイトをJoomlaに移植する：Javascriptのメニューを扱うにはどうすればいいですか？

Question

私はJoomla 1.5に既存のサイトを移植しています。既存のサイトのメニューには、ロールオーバ画像とインラインJavascriptが使用されます。 Joomlaでメニューを同じように見えるようにするにはどうしたらいいですか？Joomlaのメニューを使って、メニューコードを書き直さないでください。

Answer 1

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

Answer 2

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

また、設定した画像を表示するためにメニューのモジュールを設定する必要があります。 「拡張機能」>「モジュール」に移動して、メニュー（たとえば、メインメニュー）のモジュールを選択します。そこから[その他のパラメータ]を選択し、[メニューイメージとメニューイメージリンクを表示]を[はい]に設定します。

ロールオーバーはややトリッキーです。インラインJavaScriptを追加することはできませんが、JavaScriptを使用してメニューを検索し、各項目にロールオーバーを割り当てることができます。 JoomlaはMooToolsに同梱されています。より快適なウィジェットがあれば、jQueryを使用することもできます。メニューul要素にHTML IDを与えるには、[詳細パラメータ]の[メニュータグID]フィールドを使用します。