※ ChatGPTを利用し、要約された質問です(原文:Light Boxについて)
問題解決方法:Light Boxの正常な動作について
このQ&Aのポイント
Light Boxを正常に動作させるための方法をご紹介します。
外部サイトから取得したメニューとLight Boxを共存させる方法を解説します。
SSIを利用せずにソースを記述する方法も紹介します。
Light Boxについて
現在サイトを作成しているのですが、一つのページでLight Boxを使用したいのですが上手くいきません。
メニュー部分は素材サイトから持ってきたメニューを多少カスタムして使用しているのですが、そのメニューと共存させようとするとLight Boxだけ正常に動きません。
下記が試しに作ったサンプルページです。↓
Light Boxは正常に動かず、別ページに移動して画像が表示されます。
ブラウザの左下には『ページでエラーが発生しました。』と表示され、クリックすると『オブジェクトでサポートされていないプロパティ、メソッドです。』と表示されます。
http://aviflag.orsp.net/movie2.shtml
試しにメニュー部分のソース(js、cssファイルも)を除いたページでは普通にLight Boxは動きします。↓
http://aviflag.orsp.net/movie3.shtml
念のため下記がメニューの素材を配布しているサイトです。
http://apycom.com/menus/1-black.html
他ページではSSIを利用してメニュー部分とヘッダー部分をインクルードしていますが、提示したぺージでは分かりやすくしようとインクルードせず実際にソースを記述しています。拡張子はSHTMLのままですが。
私自身HP作成に関して半可通の知識しかなくテーブルでレイアウトしているのでソースが稚拙でお恥ずかしい限りですが、分かる方がおりましたらご教授ください。よろしくお願いします。
お礼
totomacさん、ご回答ありがとうございます。 何とかコンフリクトを回避することが出来、Light Boxが正常に動作するようになりました。 こういう事もあるのだととても勉強になりました。 多謝しております、ありがとうございました。