すみません、超初心者です。
コチラのサイト(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">
スライドする内容
<!-- End laquu innerslide --></div>
<!-- End innerslide1 --></div>
<!-- End innerslide panel --></div>
</body>
ちなみに今はサーバーにはアップロードしておらず、完全にローカルでプレビューしています。
もしかして.jsファイルをサーバーにアップロードしなくては動かないのでしょうか???
無知で申し訳ありません、ご回答宜しくお願い致します。
A 回答 (1件)
- 最新から表示
- 回答順に表示
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;
}
この回答への補足
回答ありがとうございます。
CSSファイルは付属していませんでした。
ご回答のCSSも試してみましたが、やはり動きませんでした・・・。
今更ですが、読み込むプラグインのパスは各自で変えて良いんですよね?
その場合、プラグインの中身を変える必要はあるのでしょうか?
重ね重ねすみません、ご回答の程宜しくお願いします。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- JavaScript jQueryでのドラッグアンドドロップについて 1 2022/07/07 21:04
- JavaScript jQueryでのドラッグアンドドロップについて 1 2022/07/30 09:10
- JavaScript jqueryを使ったスムーススクロールのコードを書いたのですが、HTMLコード内にある、a butt 2 2022/04/14 10:59
- JavaScript プラグイン無しでContactform7にdatepickerを実装 3 2022/10/25 02:18
- AJAX JavascriptからPHPへのAjax通信でnullが返ってくる 3 2022/08/03 22:00
- JavaScript 入力フォームの javascript で メールアドレスの正規チェックをを行い、ボタンをクリックして 2 2022/04/27 16:06
- JavaScript GoogleChart 階層ごとのブロックの長さを個別に設定したい 1 2022/07/06 14:27
- HTML・CSS ボタンをクリックした時に、入力フォームのすぐ下部に、「入力欄が空白です」というテキストメッセージが表 1 2022/04/27 16:25
- JavaScript フォームが空欄の時にフォームの外をクリックすると、エラーが出るコードを調べています。 1 2023/06/25 11:51
- JavaScript ①入力フォーム→②確認表示画面→③送信完了画面のコードを書いているのです、 入力フォームから受け取っ 2 2022/05/10 16:45
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
base64encodeでの文字化けについて
-
colorboxの直接呼び出し方法に...
-
jsファイルで配列を定義し、j...
-
map とlightbox
-
javascript外部読み込みの際の引数
-
複数のjavascriptを使うと動か...
-
jQuery でスライドショーをスト...
-
<a href="#" …>の意味を教えて...
-
bodyにidをつける理由は何ですか?
-
別ファイルのfunctionの読み込み方
-
(Javascript)印刷するファイル...
-
複数のJavascriptを1つのscrip...
-
入力したテキストボックスのデ...
-
ウインドウの後ろに隠れている...
-
JavaScriptでiframeの内容を「...
-
ウインドウを縮小しても文字を...
-
Cygwinでログをのこす方法
-
jQueryでdivをクリックし別窓で...
-
function の return 値を表示し...
-
JavaScriptでの西暦下2桁での表...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
base64encodeでの文字化けについて
-
複数のjavascriptを使うと動か...
-
jqueryでのkeydownイベント発生...
-
Jqueryの干渉について
-
Base64に変換したHTMLの<script...
-
プラグイン無しでContactform7...
-
jQuery-datepicker on IE8
-
サイトにアクセスした際、数秒...
-
jQuery が動作しません。
-
javaスクリプトについて質問で...
-
jQueryでloadした要素の操作が...
-
jqueryについて(Lightboxとbxs...
-
scrollsmoothly.jsが動かない
-
JavaScriptで背景や文字色を色→...
-
jQuery UIのdraggableについて
-
colorboxの直接呼び出し方法に...
-
「jquery.csv2table.js」から生...
-
●jQuery;スクロールでついてく...
-
jQueryのdraggable縦書き出来ま...
-
Camera slideshowの使い方について
おすすめ情報