jQueryのライブラリ「jCarousel Lite」をホームページに実装したいのですが、サイトにはjavascriptの記述しかなくhtmlの記述サンプルがありません。
■サイト
http://www.gmarwaha.com/jquery/jcarousellite/
知りたいのはデモにある「External Controls」のhtmlソースの書き方です。
どなたかわかりますでしょうか？
「External Controls」のデモはページ右にあるメニュー部下の方にリンクがあります。
ベストアンサー
-
rouge_2008
満足60pt
基本的な使用方法は、Installationのページに書いてあります。
http://www.gmarwaha.com/jquery/jcarousellite/#install
※HTMLの記述サンプルはStep 2:にあります。
※動作させるには、ナビゲーションボタンのボックスにクラス名「externalControl」を指定して、画像のリスト部分のクラス名「anyClass」を「jCarouselLite」にする必要があるようです。
変更後は、以下のようになります。
画像のパス・サイズ等は、使用する画像に合わせて変更してください。
<div class="externalControl">
<button class="prev"><<</button></p>
<button class="next">>></button>
<div class="jCarouselLite">
<ul>
<li><img src="image/1.jpg" alt="画像1○○" width="100" height="100"></li>
<li><img src="image/2.jpg" alt="画像2◎○" width="100" height="100"></li>
<li><img src="image/3.jpg" alt="画像3○●" width="100" height="100"></li>
<li><img src="image/4.jpg" alt="画像4●□" width="100" height="100"></li>
<li><img src="image/5.jpg" alt="画像5□○" width="100" height="100"></li>
<li><img src="image/6.jpg" alt="画像6□◎" width="100" height="100"></li>
</ul>
</div>
</div>
ナビゲーションボタンは、好きなように設置すると良いようです。
デモでとは違いますが、クラス名「externalControl」を指定したボックスの下(中)に
<button class="1">1</button>
<button class="2">2</button>
...のようにすると設置できます。
他に何か聞きたいことがある場合は、コメント欄を開けてくださればコメントで返答します。
-
雨の日
-
雨の日その他の回答
この質問へのコメント
質問の情報
- 登録日時
- 2009-01-25 02:16:29
- 終了日時
- 2009-01-27 00:54:24
- 回答条件
- 1人2回まで
この質問のカテゴリ
この質問に含まれるキーワード
人気の質問
-
https://hikky-mura.org/t/topic/2523/7 でsma200さんという方に戸塚ヨットスクールを勧められましたが、僕…
hayakushinene
1
-
親族（実家）の犬が無駄吠えをしています。朝方に一時間くらい吠えているらしい。昼にも一時間くらい吠え続…
匿名質問者2
2
1
-
度々すみません。 私は以前から大学入試・成績など教育関連のネガティブな夢を見ていましたが、ここ最近そ…hayakushinene15
-
いつもお世話になっています。 自分、インセル予備軍かもしれません。 街中でカップルや夫婦等見ると羨まし…hayakushinene
-
学歴詐称ではなくて、貴族称号詐称について伺います。イボンヌの香りという映画で、ロシアの伯爵を詐称して…匿名質問者
http://www.geocities.jp/qntbd042/test/test.html
External ControlsのJavaScriptの記述を、以下のように$(function() {と});で挟むと動くと思います。
※InstallationのStep 3:参照
$(function() {
ここに
$(".externalControlから
});までの行を記述
});