- ベストアンサー
lightbox plus機能が上手く作動しない！困っています。
- ホームページビルダー14で作成中のホームページで、lightbox plus機能が正常に作動しません。
- ダウンロードしたresourceファイルを写真ファイルにアップロードし、正しくｈｔｍｌに組み込んだのですが、拡大画像が別ページで開かれる問題が発生しています。
- ページ上で拡大画像が立ち上がり、クリックしても元のページに戻らず、ブラウザの戻るボタンを押す必要があります。解決策を教えてください。
- みんなの回答 （2）
- 専門家の回答
質問者が選んだベストアンサー
resource というフォルダの中に JavaScript のファイルが入っているので、フォルダごとアップロードします。 file と tiny フォルダはサンプル画像が入っているだけなので必要ありません。 位置関係の話ですが、sample フォルダの中に index.html ファイルと resource フォルダがありますよね。 その相対位置、つまりあなたが作成した html ファイルと同じ階層（フォルダ）に resource フォルダが必要であるということです。 このあたりは、all about に書いてあるので熟読してください。 一度、ダウンロードして解凍した sample フォルダをそのままアップロードしてアクセスして動作を確認してみてください。 大きな画像が白いページに表示されてしまうのは、JavaScript が正しく動作していない場合です。 例外として、他の JavaScript と干渉して動作しない場合もありますので、使用していたら止めてみてください。
その他の回答 (1)
- outbrave
- ベストアンサー率60% (231/380)
まず、各ファイルの位置関係（ディレクトリ）がサンプルと異なっていると動作しません、この場合 js ファイルを修正する必要がありますから、サンプルと同じ位置関係にしたほうがわかりやすいです。 つぎに、正しい HTML を書いてください。 a 要素に width とか height はありません、また alt の前にスペースが必要です。 あと、ホームページ作成ソフトは勝手にソースを変えてしまう場合があるので注意してください。
お礼
早速のご回答、ありがとうございます！ まず、 >a 要素に width とか height はありません、また alt の前にスペースが必要です。 ↑これは理解出来て、即実行しました。ありがとうございます！ ですが、各ファイルの位置関係...と言うのが、イマイチ分かりません...すみません.... 分からないながらも、やってみた事は、lightbox plusをダウンロードして解凍すると、sampleというファイルが現れます。 この中には、『file』『resource』『tiny』というファイルと『index』が収納されています。 fileとtinyには、サンプル写真が収納されてありました。 これらの内の、index以外の３ファイルをコピーし、自分のサイトのファイルにペーストしてみました。 そして試しに、fileとtinyのファイル内にある写真を、自分のサイトに挿入してみたのですが、やはり拡大写真が別画面で立ち上がり、その画面をクリックしても、元に戻りません。。。 そして、私が作ったサイトのファイル内に、ｊｓファイル(JavaScript?)が見当たらないのですが、それは必要な物ですか？ トンチンカンな質問で申し訳ございません。。。 お時間があったら、ご対応を頂けると幸いです。 よろしくお願いします。
お礼
何度も本当にありがとうございます。 index.html があるファイルに、resource フォルダをペーストしてあるのですが、やはり作動しません。。。 恐らく、outbraveさんのおっしゃる様に、JavaScript が正しく動作していない様に思います。 lightboxを導入することは、一般的にさほど難しいことではないのだと思いますが、今の私は、まだそのレベルに達していない様に思いました。 もう少し勉強をして、再度チャレンジしてみようと思います。 ご丁寧にご回答頂き、ありがとうございました。 本当に感謝です。 引き続きガンバリマス！