人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

jQueryのライブラリ「jCarousel Lite」をホームページに実装したいのですが、サイトにはjavascriptの記述しかなくhtmlの記述サンプルがありません。

■サイト
http://www.gmarwaha.com/jquery/jcarousellite/

知りたいのはデモにある「External Controls」のhtmlソースの書き方です。
どなたかわかりますでしょうか?
「External Controls」のデモはページ右にあるメニュー部下の方にリンクがあります。

●質問者: 雨の日
●カテゴリ:インターネット ウェブ制作
✍キーワード:HTML JavaScript jQuery LITE サイト
○ 状態 :終了
└ 回答数 : 1/1件

▽最新の回答へ

1 ● rouge_2008
●60ポイント ベストアンサー

基本的な使用方法は、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>

...のようにすると設置できます。


他に何か聞きたいことがある場合は、コメント欄を開けてくださればコメントで返答します。

◎質問者からの返答

教えて頂いたとおり修正してみたのですがうまくいきません、どこか記述ミスがあるのでしょうか?

http://www.geocities.jp/qntbd042/test/test.html

関連質問


●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ