Hướng dẫn tạo slide chạy dọc cho Widget Threads

[PVS]

Yêu cầu cài add-on Widget FrameWork

Bước 1: Vào template wf_widget_threads
Bước 2: tìm tìm dòng <ul> thay bằng

<script>
        function real_time() {

            //$('#widget-12').removeAttr("min-height");
                  $('.slideshow').find('li:last').xfInsert('insertBefore', $('.slideshow li:first'));
         
                  //$('.slideshow').find('li:last').insertBefore( $('.slideshow li:first'));
         
                  $( ".slideshow li" ).each(function( index ) {
              if(index <5){
                  $( this ).show();
              }else{
                  $( this ).hide();
              }
            });
   
        }
        $( document ).ready(function() {
            real_time();
            setInterval("real_time()", 5000);
        });


    </script>
            <ul class="slideshow">

Bước 3: Lưu ý chỗ id #widget-12, bạn nên xem id widget của mình là bao nhiu nhé.
Có thể xem bằng cách chuột phải kiểm tra phần tử chổ widget của bạn.
Bước 4: Lưu lại và xem kết quả ^^.
Lưu ý: bạn có thể cài thêm add on: thumbnails-by-waindigo để có thể hiện ảnh đầu tiên của những bài viết widget threads.

Chúc các bạn thành công.

Nguồn: congngheaz.com​

 

[ptvinhdtk]

cái này có 1 điểm yếu đang dính là ko dùng cùng đc với commemt fb slider nhảy cmt fb cũng load theo. làm web tải liên tục