[TUT] Sử dụng timthumb trong Xenforo

Thảo luận trong 'Development Tutorials' bắt đầu bởi tinhbk, 20/4/13.

1votes
5/5, 1 vote

Trang 1 của 4 trang
  1. tinhbk

    tinhbk Moderator Staff Member

    Bài viết:
    148
    Likes :
    65
    Chào cả nhà,

    Hiện tại mình đang tìm hiểu cách dùng timthumb trong Xenforo nhưng chưa được hoàn thiện. Do có bạn yêu cầu mình hướng dẫn nên mình xin viết nhưng gì mình biết ra đây.

    Bạn có thể tìm hiểu về Timthumb ở đây:
    https://code.google.com/p/timthumb/
    http://www.binarymoon.co.uk/projects/timthumb/

    Tác dụng của Timthumb

    [​IMG]​
    Cách dùng:

    1. Upload timthumb.php và 1 thư mục trên Web.
    - Tải timthumb.php ở đây: http://timthumb.googlecode.com/svn/trunk/timthumb.php

    2. Cùng thư mục với timthumb tạo thư mục con cache, CHMOD 775

    3. Cú pháp timthumb:
    Mã:
    <img src="Link tới thư mục chứa timthumb/timthumb.php?src=Link file ảnh&h=280&w=380&zc=1" alt="" />
    Trong đó:
    - w: chiều rộng ảnh cần lấy
    - h: chiều cao ảnh cần lấy
    - zc: Zoom and Crop
    - Nếu "w=0" (hoặc không điền) thì ảnh sẽ được cắt theo chiều cao (h), chiều rộng sẽ được tính tự động theo tỷ lệ của ảnh gốc (Ảnh sẽ không bị mất đầu hay chân :D ).

    Nâng cao: Config timthumb
    - Bạn tạo 1 file "timthumb-config.php" ngang hàng với timthumb.php
    - Nội dung như sau:
    PHP:
    <?php
    define    ('ALLOW_ALL_EXTERNAL_SITES', true); // Cắt ảnh ngoài Host
    define('FILE_CACHE_ENABLED', true);
    define('FILE_CACHE_TIME_BETWEEN_CLEANS', 86400); // Đơn vị tính là ms
    ?>
    Các bạn có thể tham khảo thêm tại đây: http://www.binarymoon.co.uk/2012/03/timthumb-configs/

    P/S: Tiếng anh mình không rành lắm nên chỉ đọc hiểu, không dám dịch ra cho mọi người.

    Áp dụng vào Xenforo
    - VD với Block RecentNews:


    - VD với Forum View:


    Chú ý:
    - Các bạn chỉnh tham số Width (w) và Heigh (h) cho phù hợp nhé.
    - Nếu không thấy tác dụng các bạn xem kỹ đường dẫn tới file timthumb đã đúng chưa, chmod thư mục cache thành 775 chưa (Nếu không thử 777).

    Việc dùng timthumb này có 1 vài vấn đề nhỏ như:
    - Không áp dụng được với ảnh attach full size. Cần phải lấy link ảnh tuyệt đối của file attach mới dùng được.
    - Nếu sử dụng ảnh thumbnail có sẵn của attach file thì sẽ bị hiện tượng mờ ảnh (trong trường hợp dùng timthumb để tạo ra ảnh kích thước khác với kích thước ảnh thumb). Khắc phục bằng cách đặt kích thước file attach lớn lên (500px chẳng hạn) --> kéo theo 1 số vấn đề...

    Các bạn cùng thảo luận nhé.
     
    tinhbk, 20/4/13
    #1
    XDMen, tuanha, anhtaia3 and 13 others like this.
    Bài viết cũ hơn
    Bài viết mới hơn
    Đang tải...
    Recommended:X
  2. svlamnghiep

    svlamnghiep Member

    Bài viết:
    271
    Likes :
    84
    Ôi em đang hóng thì bác Show ra thích quá 8-}
     
    svlamnghiep, 20/4/13
    #2
  3. tinhbk

    tinhbk Moderator Staff Member

    Bài viết:
    148
    Likes :
    65
    With @dinhchi, @svlamnghiep, @Vu Hung...
     
    tinhbk, 20/4/13
    #3
    dinhchi thích bài này.
  4. dinhchi

    dinhchi Well-Known Member

    Bài viết:
    555
    Likes :
    293
    thanks bạn, nhưng vẫn còn phân vân có nên sử dụng nó ko
    Ưu điểm:
    - Crop ảnh đúng tỷ lệ, cache đc nên load nhẹ hơn, hiển thị đẹp
    Nhược điểm:
    - Có lẽ là ngốn CPU và BW hơn.

    ko biết có đúng ko
     
    dinhchi, 20/4/13
    #4
  5. vailua79

    vailua79 Member

    Bài viết:
    249
    Likes :
    42
    Đang đoc.........
     
    vailua79, 20/4/13
    #5
  6. tinhbk

    tinhbk Moderator Staff Member

    Bài viết:
    148
    Likes :
    65
    Cũng không phải là vấn đề lớn lắm bạn ạ.
    Chỉ 1 vài chỗ mình dùng thôi. VD như trang chủ, mình đặt cache lâu 1 chút là ổn mà. Mình đặt cache 1 tháng :D
     
    tinhbk, 20/4/13
    #6
  7. nttruong

    nttruong Well-Known Member

    Bài viết:
    1,518
    Likes :
    776
    Thx ap dung thu :D
     
    nttruong, 20/4/13
    #7
  8. svlamnghiep

    svlamnghiep Member

    Bài viết:
    271
    Likes :
    84
    Quên chưa like :P
     
    svlamnghiep, 20/4/13
    #8
    tinhbk thích bài này.
  9. Hung Vu

    Hung Vu Verified User

    Bài viết:
    288
    Likes :
    230
    Thanhk bác, để test thử xem thế nào
     
    Hung Vu, 23/4/13
    #9
  10. Hung Vu

    Hung Vu Verified User

    Bài viết:
    288
    Likes :
    230
    Đã chỉnh trên hutek.info và chạy tốt, nếu mà làm được với phần attachment nữa thì ngon
     
    Hung Vu, 24/4/13
    #10
    thanhthanh and Lil.Tee like this.
  11. thanhthanh

    thanhthanh Moderator Staff Member

    Bài viết:
    477
    Likes :
    133
    Áp dụng cho thumbnail của phần attachment thì ngon
     
    thanhthanh, 24/4/13
    #11
  12. namnhi

    namnhi New Member

    Bài viết:
    20
    Likes :
    8
    tinhte.vn cũng dùng timthumb đấy:D
    Cao nhân nào biết họ encode url ntn k? dự là sài .htaccess + cdn để nhìn cho nó pro:D
     
    namnhi, 24/4/13
    #12
  13. Hung Vu

    Hung Vu Verified User

    Bài viết:
    288
    Likes :
    230
    Theo mình thì tinhte ko xài timthumb đâu, chỉ xài cdn thôi
     
    Hung Vu, 24/4/13
    #13
  14. namnhi

    namnhi New Member

    Bài viết:
    20
    Likes :
    8
    namnhi, 24/4/13
    #14
    Hung Vu thích bài này.
  15. Coolboyhn

    Coolboyhn Member

    Bài viết:
    503
    Likes :
    138
    Mã:
    Tìm: {$news.image} Thay thế bằng Link tới timthumb/timthumb.php?src={$news.image}"
    Cần nhiêu đây là đủ mà
    Mã:
    Tìm: {$news.image} Thay thế bằng Link tới timthumb/timthumb.php?src={$news.image}&h=110&w=150&zc=1"
    Chứ thêm như bác chut rop nhìn nó thêm 1 đoạn code vào link ảnh nhìn mất thẩm mỹ
    Mã:
    &h=110&w=150&zc=1
    Còn cắt theo size mong muốn thì phang thẳng vào timthumb.php
    Mã:
    // set default width and height if neither are set already if ($new_width == 0 && $new_height == 0) { $new_width = 450; $new_height = 400; }
    Sửa theo ý bạn Thanks thớt nhiều!
     
    Coolboyhn, 29/4/13
    #15
    bills4, Lil.Tee and svlamnghiep like this.
  16. thanhthanh

    thanhthanh Moderator Staff Member

    Bài viết:
    477
    Likes :
    133
    :(
     
    thanhthanh, 2/5/13
    #16
  17. tinhbk

    tinhbk Moderator Staff Member

    Bài viết:
    148
    Likes :
    65
    Tin vui cho cả nhà là timthumb hoạt động tốt với attachment nhưng phải dùng cdn nhé.
     
    tinhbk, 1/6/13
    #17
  18. giakhang2010

    giakhang2010 Member

    Bài viết:
    150
    Likes :
    70
    Hướng dẫn nốt luôn bạn :)
     
    giakhang2010, 7/7/13
    #18
  19. svlamnghiep

    svlamnghiep Member

    Bài viết:
    271
    Likes :
    84
    Chưa có điều kiện dùng attachment nhưng dùng ảnh ngoài host là cũng đủ rồi :D
     
    svlamnghiep, 8/7/13
    #19
  20. MrNoname

    MrNoname New Member

    Bài viết:
    4
    Likes :
    0
    MrNoname, 9/7/13
    #20
Trang 1 của 4 trang
comments powered by Disqus
: timthumb xenforo

Chia sẻ trang này

Đang tải...