サムネイルをクリックすると画像が大きく表示されるタイプのギャラリーを作っています。
色々調べてこちらのサイトを参考に試してみました。
ギャラリー表示を試したのですが、サムネイルをクリックしてもリンク先の画像が表示されるだけで次の画像に移るページャー?が出ませんでした。
chromeのデベロッパーツールで確かめたら画像のエラーが出ました。色々調べてみたのですが自分の力では分からなかったので、こちらにお聞きします。
エラーの意味と対処法を教えていただきたいです。
気になる質問をクリップする
クリップした質問は、後からいつでもMYページで確認できます。
またクリップした質問に回答があった際、通知やメールを受け取ることができます。
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
回答2件
0
ベストアンサー
magnificpopup() を magnificPopup() に変えてみてください。
投稿2018/02/12 14:58
総合スコア28656
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
0
初めまして。
サムネイルをクリックして画像をモーダル表示する方法はたくさんございます。
基本的なモーダルでしたらjqueryで実装するパターンとライブラリを使用するパターンがあります。
学校でwebページを作っていることのことですので、jqueryを使っての実装よりはライブラリを使用しての方がリッチで簡単に実装できるかと思います。
現場で使用されることが多いのが、MagnificPopupというライブラリです。(下記URL参照)
https://qiita.com/katsunory/items/cf0e0647204ada26ece0
サイト内で紹介されている通り、基本的なポイントは、
1.head内に指定のファイルを読み込むこと
2.aタグにclassを指定すること
3.jqueryを記述することです。
サイト内で詳しく掲載されているので上から順番に実装していけば問題ないかと思います。
実際にこちらのサイト内でMagnificPopupを使用しているので参考になれば良いかと思います。
https://ciao-iiasenagase.ssl-lolipop.jp/
投稿2018/02/11 12:59
退会済みユーザー
総合スコア0
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2018/02/12 09:46
退会済みユーザー
2018/02/12 10:05 編集
2018/02/12 11:11
退会済みユーザー
2018/02/12 15:00 編集
2018/02/12 14:57
2018/02/13 03:18
退会済みユーザー
2018/02/13 04:46
あなたの回答
tips
太字
斜体
打ち消し線
見出し
引用テキストの挿入
コードの挿入
リンクの挿入
リストの挿入
番号リストの挿入
表の挿入
水平線の挿入
プレビュー
質問の解決につながる回答をしましょう。 サンプルコードなど、より具体的な説明があると質問者の理解の助けになります。 また、読む側のことを考えた、分かりやすい文章を心がけましょう。