ここから本文です

Lightboxがうまく動作しません。 HTMLでホームページを作成しています。 Light...

mik********さん

2017/11/2709:35:54

Lightboxがうまく動作しません。

HTMLでホームページを作成しています。
Lightboxのおそらく最新版をDLし、index.htmlと同じ場所にcss、images、jsのフォルダを置いて、
headタグ内に<l

ink rel="stylesheet " href="css/lightbox.css">を、
bodyの閉じタグの直前に<script src="js/lightbox.min.js"></script>、
Lightboxを適用したい画像のタグのところにリンクタグ<a href="画像パス" data-lightbox="名前">(画像)</a>
と、手順に書いてある通りやりました。


それで開いてみると、ただのリンクタグで開いたのと同じ状態になってしまいます。(画像をクリックするとページが飛んでその画像が大きく表示される)

また、Lightboxのフォルダ内にあったサンプルを開いて試しても同じ症状が出ます。

ただ、LightboxのDLページにあったサンプルは正常に動作しました。

また、最新のものだとjQueryは別途にDLする必要が無いと書かれていたためしていません。


ちなみに学校のパソコンなのですが、OSはwindows 8.1 Pro となっております。

一応、ネットにあった動作しない場合の対処法はためしたのですがバージョンの違いもあってかダメでした。

初心者なため右も左も分からない状態で申し訳ないのですがよろしくお願い致します。

閲覧数:
51
回答数:
3
お礼:
250枚

違反報告

ベストアンサーに選ばれた回答

kot********さん

2017/11/2712:13:35

lightbox.min.jsはjQueryとセットで初めて動作するものなので、jQueryファイルも必要だと思いますが?

この回答は投票によってベストアンサーに選ばれました!

ベストアンサー以外の回答

1〜2件/2件中

並び替え:回答日時の
新しい順
|古い順

hei********さん

2017/11/2711:46:54

examples フォルダ内の index.html を取り出し同じ場所に、dist フォルダ内の css , images , is フォルダを移動させ

<link rel="stylesheet" href="css/lightbox.min.css">
<script src="js/lightbox-plus-jquery.min.js"></script>

2箇所を書き換えるだけで動作します。

kum********さん

2017/11/2711:09:04

ここに、そのサイトの作者さんが居られると思いますので、詳しい回答が来ると思います。

私も使わせて貰った事がありますが、フォルダーごとダウンロードされましたか?
画像の様なファイルが入ってるフォルダーも、一緒にアップする必要があります。

ソースは↓

<A href="25hana2.jpg"rel="lightbox"><IMG src="25hana2s.jpg" width="40" height="30" border="0"></A>
<A href="25hana3.jpg"rel="lightbox"><IMG src="25hana3s.jpg" width="40" height="30" border="0"></A>
<A href="25hana4.jpg"rel="lightbox"><IMG src="25hana4s.jpg" width="40" height="30" border="0"></A>
<A href="25hana5.jpg"rel="lightbox"><IMG src="25hana5s.jpg" width="40" height="30" border="0"></A>

ここに、そのサイトの作者さんが居られると思いますので、詳しい回答が来ると思います。...

あわせて知りたい

みんなで作る知恵袋 悩みや疑問、なんでも気軽にきいちゃおう!

Q&Aをキーワードで検索:

Yahoo! JAPANは、回答に記載された内容の信ぴょう性、正確性を保証しておりません。
お客様自身の責任と判断で、ご利用ください。
本文はここまでです このページの先頭へ

「追加する」ボタンを押してください。

閉じる

※知恵コレクションに追加された質問は選択されたID/ニックネームのMy知恵袋で確認できます。

不適切な投稿でないことを報告しました。

閉じる