0

アンカーを画像に変換し、順番にページにフェードしてliから、ページからアンカー (および親) を削除しています。

リストから最初の 10 個のアイテムをロードし、[さらにロード] ボタンをクリックして、追加の 10 個のグループをロードしたいと考えています。これを行う最善の方法が何であるかはよくわかりません。

マークアップは以下にあり、すべてが適切に機能します。

HTML:

<section class="userGallery headers">
  <ul>    
    <li>
      <a href="path/to/image.jpg" title="image_name"></a>
    </li>    
    <li>
      <a href="path/to/image.jpg" title="image_name"></a>
    </li>
  </ul>
</section>

の中へ：

<section class="userGallery headers">
  <ul>    
  </ul>
  <img class="user" src"path/to/image.jpg" alt="image_name" />
  <img class="user" src"path/to/image.jpg" alt="image_name" />
</section>

JavaScript:

$(window).load(function(){

// User Uploads

    $('.userGallery li').each(function(){
        var loc = $(this).find('a').attr('href'),
            img = $('.userGallery').append($('<img/>', { class: 'user', src: loc }));

        $(this).remove();

        setTimeout(function(){
            $('.user').animate({ opacity:1 },400);
        }, 100);
    });

});

4

1 に答える 1

0

このようなものが欲しいですか？

<a href="#" id="load10more">load 10 more</a>

$("#load10more").click(function(event) {
  event.preventDefault();
   for(i=0;i<10;i++)
   {
     $("ul").append.('<li><a href="path/to/image_' + i + '.jpg" title="image_name"></a></li>');
   }
});
于 2012-04-13T23:50:12.163 に答える