サポート » プラグイン » jQueryの設置方法

  • nagaib

    (@nagaib)


    基本的な質問で申し訳ありませんが、どなたかご教授くださいませ。

    以前の質問を参考にしながらjQueryを設置しようとしていますがうまくいきません。
    http://ja.forums.wordpress.org/topic/3246?replies=5

    ■設置したいjquery
    http://logicbox.net/jquery/simplyscroll/

    1.テーマフォルダ直下に「simplyscroll」フォルダ作成。

    2.そのフォルダに、画像(topimg.jpg、topimg2.jpg)と jquery.simplyscroll.min.js, jquery.simplyscroll.cssをコピー。

    3.header.php の wp_head() 直前に以下を追加。

    <li><?php wp_enqueue_script('simplyscroll', get_bloginfo('template_url') . '/simplyscroll/jquery.simplyscroll.min.js'); ?>
    <?php wp_enqueue_style('simplyscroll', get_bloginfo('template_url') . '/simplyscroll/jquery.simplyscroll.css'); ?>
    <?php wp_head(); ?></li>

    4.footer.php の wp_footer() 直後に以下を追加。

    <li><?php wp_footer(); ?>
    
    <script language="javascript">
    //<![CDATA[
    jQuery(document).ready(function($){
      $("#scroller").simplyScroll({direction:'backwards'});
    });
    //]]>
    </script></li>

    5.header.phpのソースコードを追記

    <li><ul id="scroller">
    <li><img src="<?php bloginfo('template_url') ?>/simplyscroll/topimg.jpg" alt="" title="" /></li>
    <li><img src="<?php bloginfo('template_url') ?>/simplyscroll/topimg2.jpg" alt="" title="" /></li>
    </ul></li>

    画像topimg.jpgとtopimg2.jpgが上下に並んで表示されるだけで動かず、解決できずに困っています。
    どうぞよろしくお願いします。

  • トピック「jQueryの設置方法」には新たに返信することはできません。