LightBoxを画像の外のクリックもしくはEscボタンで閉じるにはどのようにすればいいでしょうか。
以下のサイトを参考にLightBoxを作成したのですが、Xボタンを押さなければ閉じることができません。
https://www.w3schools.com/howto/howto_js_lightbox.asp
また初歩的な質問で大変恐縮なのですが、上記の書いてあるJavaScriptを使うには、HTML(php)と同じファイルに直接書き込む以外にどのような方法がありますでしょうか。
現在ワードプレスを使用しており、function.phpで以下のようにファイル(custom.js)を読み込むようにしたのですが、動きませんでした。
custom.jsには Step 3) Add JavaScript: の<script></script>を削除してそのまま貼り付けています。
php
1function localie_theme_js() { 2 3 wp_enqueue_script( 'modernizr_js', get_template_directory_uri() . '/js/modernizr.js', '', '', false ); 4 wp_enqueue_script( 'foundation_js', get_template_directory_uri() . '/js/foundation.min.js', array('jquery'), '', true ); 5 wp_enqueue_script( 'main_js', get_template_directory_uri() . '/js/app.js', array('jquery', 'foundation_js'), '', true ); 6 wp_enqueue_script( 'custom_js', get_template_directory_uri() . '/js/custom.js', array('jquery', 'foundation_js'), '', true ); 7} 8add_action( 'wp_enqueue_scripts', 'localie_theme_js' );
どなたかご回答いただけると幸いです。
よろしくお願いします。
回答1件
あなたの回答
tips
プレビュー