Question Chuyển trang ở home xenforo sử dụng XenPorta

Thảo luận trong 'Add-on Quesions' bắt đầu bởi athuat, 16/8/13.

1votes
5/5, 1 vote

  1. athuat

    athuat New Member

    Bài viết:
    29
    Likes :
    2
    Cho mình hỏi cách làm tự động chuyển trang ở trang chủ giống kenhsinhvien.net nhỉ ?
    khi vào trang chủ kéo cuối cùng nó tự động hiện thêm bài viết ra ở tiếp theo nhi ?
    Loading the next set of posts.
    ai biết làm chỉ mình với
     
    Đang tải...
  2. datkaka

    datkaka Member

    Bài viết:
    372
    Likes :
    51
  3. athuat

    athuat New Member

    Bài viết:
    29
    Likes :
    2
    Đúng rồi datkaka
    :D
     
  4. athuat

    athuat New Member

    Bài viết:
    29
    Likes :
    2
    Thanks bác datkaka đã làm đc hehehe
    share luôn cho a e ai cần thì coppy past ở foot của web ^^
    HTML:
    <!---c2enter-->
    <script src="http://www.jquery4u.com/demos/infinite-scrolling-demo1/js/jquery.masonry.min.js"></script>
    <script src="http://www.jquery4u.com/demos/infinite-scrolling-demo1/js/jquery.infinitescroll.min.js"></script>
    <script>
        if((navigator.userAgent.match(/chrome/i)) || (navigator.userAgent.match(/firefox/i))) {
          $(function(){
       
            var $container = $('#recentNews');
       
            $container.imagesLoaded(function(){
              $container.masonry({
                itemSelector: '.recentNews'
              });
            });
       
            $container.infinitescroll({
              navSelector  : '.PageNav',    // selector for the paged navigation
              nextSelector : '.PageNav a:last',  // selector for the NEXT link (to page 2)
              itemSelector : '.recentNews',    // selector for all items you'll retrieve
              loading: {
                  finishedMsg: 'Hết mất rồi :p',
                  //img: 'http://www.jquery4u.com/demos/infinite-scrolling-demo2/ajax-loader.gif'
                }
              },
              // trigger Masonry as a callback
              function( newElements ) {
                // hide new items while they are loading
                var $newElems = $( newElements ).css({ opacity: 0 });
                // ensure that images load before adding to masonry layout
                $newElems.imagesLoaded(function(){
                  // show elems now they're ready
                  $newElems.animate({ opacity: 1 });
                  $container.masonry( 'appended', $newElems, true );
                });
              }
            );
       
          });
        }
    </script>
    <!--/c2enter-->
     
  5. Lê Tí

    Lê Tí Well-Known Member

    Bài viết:
    1,450
    Likes :
    620
  6. ITCAnhDuy

    ITCAnhDuy Member

    Bài viết:
    423
    Likes :
    142
    Nhìn bác Tí tôi có thể hiểu =)) . Cãm ơn đoạn Scripts hay nhé >:)
     
comments powered by Disqus

Chia sẻ trang này

Đang tải...