• 締切済み

jqueryプラグインの設置方法

すみません、超初心者です。 コチラのサイト(http://laquu.com/plugin/innerslide/demo)の「インナースライド」プラグインを導入したいのですが、カーソルを載せてもピクリとも反応しません。 自分で書いたソースはこんな感じです.↓ <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script> <script type="text/javascript" src="../jquery.laquu.custom-65049.js"></script> <script> jQuery(function(){ laquu("#innerslide1").innerSlide(); }); </script> <body> <div class="innerslide-panel"> <div id="innerslide1"> <p>カーソル載せる</p> <div class="laquu-innerslide"> スライドする内容 <!-- End laquu innerslide --></div> <!-- End innerslide1 --></div> <!-- End innerslide panel --></div> </body> ちなみに今はサーバーにはアップロードしておらず、完全にローカルでプレビューしています。 もしかして.jsファイルをサーバーにアップロードしなくては動かないのでしょうか??? 無知で申し訳ありません、ご回答宜しくお願い致します。

みんなの回答

回答No.1

CSSはどうなってますか? 適切にスタイルが当たってないと動きませんよ。 プラグインならJSファイルの他にCSSもあると思うのですが 最低これだけあれば動くと思います。 .innerslide { ← #innerslide1 position: relative; overflow: hidden; height: 140px; } .laquu-innerslide { position: absolute; width:100%; height: 140px; } #innerslide1 .laquu-innerslide { top: 0; left: 0; }

syun2222
質問者

補足

回答ありがとうございます。 CSSファイルは付属していませんでした。 ご回答のCSSも試してみましたが、やはり動きませんでした・・・。 今更ですが、読み込むプラグインのパスは各自で変えて良いんですよね? その場合、プラグインの中身を変える必要はあるのでしょうか? 重ね重ねすみません、ご回答の程宜しくお願いします。