javascript - 画像でdivを更新する

Question

私はこのプラグインを使用しています: http://www.gmarwaha.com/jquery/jcarousellite/カルーセルを実行しますが、上記にはクリックした画像で更新したい div があります。どうすればできますか？ここにそれがどのように機能するかを示す画像があります:

<div class="main-image">
 <img src="http://mysite.com/image.jpg">
</div>

<div class="carousel">
<ul>
<li><a href="#"><img src="http://mysite.com/image.jpg"></a></li>
<li><a href="#"><img src="http://mysite.com/image.jpg"></a></li>
<li><a href="#"><img src="http://mysite.com/image.jpg"></a></li>
<li><a href="#"><img src="http://mysite.com/image.jpg"></a></li>
</ul>
</div>

Answer 1

これをドキュメント準備セクションに入れてみてください

// This is untested but it should work
$('.carousel li>a').click(function(){
    $('.main-image').find('img').attr('src', $(this).find('img').attr('src'));
});

Answer 2

ドキュメントを確認したところ、アクティブな画像を元のサイズで上に表示するオプションがないようです。モジュールをビルドするには、すべての JavaScript コードを自分で作成する必要があります。

または単にCoolCarousel Frebsite スライダーを使用します - プラグインと同じタイプ 61 です。