jqueryプラグインの設置方法

締切済

質問者：syun2222
質問日時：2012/08/17 00:04
回答数：1件

すみません、超初心者です。

コチラのサイト（http://laquu.com/plugin/innerslide/demo）の「インナースライド」プラグインを導入したいのですが、カーソルを載せてもピクリとも反応しません。

自分で書いたソースはこんな感じです.↓

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7 …
<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">
スライドする内容
</div>
</div>
</div>
</body>

ちなみに今はサーバーにはアップロードしておらず、完全にローカルでプレビューしています。
もしかして.jsファイルをサーバーにアップロードしなくては動かないのでしょうか？？？

無知で申し訳ありません、ご回答宜しくお願い致します。

通報する

この質問への回答は締め切られました。

質問の本文を隠す

回答 (1件)

最新から表示
回答順に表示

No.1

回答者： tenderfeel
回答日時：2012/08/18 22:10

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;
}

この回答への補足

回答ありがとうございます。
CSSファイルは付属していませんでした。
ご回答のCSSも試してみましたが、やはり動きませんでした・・・。

今更ですが、読み込むプラグインのパスは各自で変えて良いんですよね？
その場合、プラグインの中身を変える必要はあるのでしょうか？

重ね重ねすみません、ご回答の程宜しくお願いします。

補足日時：2012/08/20 21:23

通報する