0

だから私は2つのdivを持っています。以下のコード。

<div class="picture">

</div><!-- end picture -->

<div class="gallery">
    <a href="link-to-image01.jpg"><img src="mythumnail01.jpg" /></a>
    <a href="link-to-image02.jpg"><img src="mythumnail02.jpg" /></a>
    <a href="link-to-image03.jpg"><img src="mythumnail03.jpg" /></a>
</div><!-- end gallery -->

ページが読み込まれると、「div.gallery」の最初の「href」が「div.picture」に表示されます。

ギャラリーは扱いやすいので、「.gallery」のサムネイルが変わってしまう可能性があります。そこで、「div.gallery」内の最初の「href」を見て「div.picture」に表示したいと思います。

このようなことは可能ですか？現在、クリックイベントで「div.gallery」の「href」をロードするコードがあります。しかし、クリックせずに自動的に行う方法がわかりません。そのためのコードを以下に示します。

<script>
    $(document).ready(function () {
        $("div.gallery a").click(function (event) {
            event.preventDefault();
            $("div.picture").html($("<img>").attr("src", this.href).fadeIn(1000));
        });
    });
</script>

ありがとうございます。

4

1 に答える 1

1

<a>JQuery を使用して最初にアクセスしてみてください。

$(document).ready(function () {
    var href = $('div.gallery a').get(0).href;
    $('div.picture').html($('<img>').attr('src', href).fadeIn(1000));
})
于 2013-02-28T16:05:45.923 に答える