JavaScriptの命令をどちらに書けば良いでしょうか?

VWSとは フォーラム Lightning JavaScriptの命令をどちらに書けば良いでしょうか?

JavaScriptの命令をどちらに書けば良いでしょうか?

  • このトピックには3件の返信、2人の参加者があり、最後にhappy01により4年、 11ヶ月前に更新されました。
4件の投稿を表示中 - 1 - 4件目 (全4件中)
  • 投稿者
    投稿
  • #21709

    happy01
    参加者

    こちらのサイトの『jQuery RWD Image Maps』(クリッカブルマップ)

    超簡単!jQueryを使ったレスポンシブ対応クリッカブルマップ『jQuery RWD Image Maps』


    を実装したいと考えています。

    固定ページに入れる予定でいるんですが、
    htmlファイルに下記のコードを書き込まなければいけないことが
    書かれておりますが、htmlファイルはどちらにあたるのでしょうか?
    すいませんが、どこに書くのか教えていただければありがたいです。

    どうぞよろしくお願いいたします。
    ーーーーーーーーーーーーーーーーーーーー
    <script src=”common/scripts/jquery.js”></script>
    <script src=”common/scripts/jquery.rwdImageMaps.js”></script>
    <script>
    $(document).ready(function(e) {
    $(‘img[usemap]’).rwdImageMaps();
    });
    </script>

    #21823

    DRILL LANCER
    モデレーター

    こんな感じでいかがでしょうか?

    1. 「jquery.rwdImageMaps」をダウンロードして解凍
    2. 子テーマのディレクトリにjsディレクトリを作成
    3. 作成したjsディレクトリにjquery.rwdImageMaps.min.jsを設置
    4. 子テーマの functions.php に下記コードを追記
    function insert_jrim() {
    	wp_enqueue_script( 'jrim', get_stylesheet_directory_uri() . '/js/jquery.rwdImageMaps.js', array( 'jquery' ), '1.6.0', true );
    	$script = 'jQuery(document).ready(function(e){jQuery(\'img[usemap]\').rwdImageMaps();});';
    	wp_add_inline_script( 'jrim', $script );
    }
    add_acction( 'wp_enqueue_scripts', 'insert_jrim' );
    #22120

    DRILL LANCER
    モデレーター

    一部コードが間違っていたので訂正します。下記コードが正しいです。
    修正点はadd_acctionadd_actionです。

    function insert_jrim() {
    	wp_enqueue_script( 'jrim', get_stylesheet_directory_uri() . '/js/jquery.rwdImageMaps.js', array( 'jquery' ), '1.6.0', true );
    	$script = 'jQuery(document).ready(function(e){jQuery(\'img[usemap]\').rwdImageMaps();});';
    	wp_add_inline_script( 'jrim', $script );
    }
    add_action( 'wp_enqueue_scripts', 'insert_jrim' );
    #22880

    happy01
    参加者

    ご返事ありがとうございました!

    すいません、プラグインでイメージマップを認識するプラグインがありましたので、
    そちらで対応出来てしまいました。

    せっかくお返事頂いたのに、申し訳ありません。

    ありがとうございますm(_ _)m

4件の投稿を表示中 - 1 - 4件目 (全4件中)
  • このトピックに返信するにはログインが必要です。