0

画像が別の親 div にある場合に、ドキュメントに関連するプラグインを呼び出す次のクラスを見つける方法が必要なこのギャラリー プラグインを作成しました。以下のコードを確認してください

<!-- HTML -->
<div id="a">
    <img class="image" src="/gallery/a.png" style="max-width:200px;max-height:200px;"/>
</div>
<div id="b">
    <img class="image" src="/gallery/b.jpg" style="max-width:200px;max-height:200px;"/>
</div>
<div id="c">
    <img class="image" src="/gallery/c.jpg" style="max-width:200px;max-height:200px;"/>
</div>


// jQuery
$('.image').imageGallery();

var next = $(self).next().attr("src"); // "Self" being the current image its on

上記は、すべての画像が同じ親divにある場合にのみ実行可能ですが、ボディに対して同じクラスのすべての画像を取得できるようにしたいと考えています。

非動作例:

$("body").find(self).next()
4

3 に答える 3

2

一度適用したすべての画像を.imageGallery();保存し、そのリストを再利用します。

var images = $('.image');
images.imageGallery();

var next = images.eq( images.index(self) + 1 );
于 2013-01-10T07:18:13.407 に答える
0

次のコードを使用できます。

$(self).parent().next().child().attr("src");

私はこれが長い道のりのように見えることを知っていますが、これが役立つかもしれません。

于 2013-01-10T06:54:16.370 に答える
0

これを試すことができます：

var images = $("body").find("img");
var next = images[images.index(self) + 1];
source = $(next).attr('src');
于 2013-01-10T06:44:31.937 に答える