Premier Addons Image Resizer (Automatic Image Resizer + Auto Center) 1.1.0

[TB] Image Resizer (Automatic Image Resizer + Auto Center)
Tự động co ảnh trong bài viết + tuỳ chọn căn giữa + cảnh báo ảnh đã bị resize

---

Giới thiệu
[TB] Image Resizer là add-on giúp forum tự động “co” các ảnh quá lớn trong nội dung bài viết về một kích thước tối đa do bạn cấu hình. Ảnh sau khi bị resize vẫn có thể bấm để xem ảnh gốc bằng Lightbox (XenForo).


Add-on còn có tuỳ chọn auto-center để căn giữa ảnh (đặc biệt hữu ích cho ảnh đứng một dòng riêng), và tuỳ chọn hiển thị cảnh báo “ảnh đã bị resize” theo nhiều kiểu.

---

Tính năng chính

• 
  []Tự động resize ảnh vượt quá “Maximum image width”
  []Ảnh resize vẫn mở được ảnh gốc bằng Lightbox (click để xem kích thước thật)
  []Tuỳ chọn Auto-center ảnh/khung ảnh (hợp cho ảnh standalone, không dính inline text)
  []Cảnh báo ảnh đã bị resize theo các chế độ:
  • 
    []Icon: icon nhỏ trên góc ảnh
    []Text (Top): dòng thông báo phía trên ảnh
    []Text (Bottom): dòng thông báo phía dưới ảnh
    []None: không hiển thị cảnh báo
  []Tự xử lý cả nội dung tải động (có theo dõi DOM bằng cơ chế observer)
  []Tối ưu hiển thị responsive: ảnh đặt width 100% nhưng giới hạn max-width theo cấu hình

---

Yêu cầu

• XenForo: 2.3.0+

---

Cài đặt

1. 
   []Upload thư mục src của add-on lên server theo đúng cấu trúc XenForo.
   []Vào AdminCP → Add-ons → Install/Upgrade from archive (nếu bạn đóng gói lại thành .zip cài trực tiếp), hoặc chạy upgrade nếu bạn cài theo cách upload file.
2. Sau khi cài xong, vào phần tuỳ chọn add-on để cấu hình.

---

Thiết lập (AdminCP → Options)
Nhóm tuỳ chọn: [TB] Automatic Image Resizer

• 
  []Add-on enabled: Bật/tắt toàn bộ chức năng.
  []Maximum image width: Chiều rộng tối đa (px) – ảnh lớn hơn sẽ tự co lại. (Mặc định: 600px)
  []Auto-center images: Tự căn giữa ảnh/khung ảnh. (Mặc định: Bật)
  []Image resized warning: Chọn kiểu cảnh báo (Icon / Text Top / Text Bottom / None). (Mặc định: Icon)

[GHI CHÚ] Cảnh báo chỉ hiển thị khi màn hình đủ rộng (đặt ngưỡng ~650px) để tránh rối trên mobile.

---

Cách hoạt động

• 
  []Add-on tự quét nội dung trong các khu vực phổ biến như bài viết / bbWrapper / resource body…
  []Nếu ảnh có kích thước thực lớn hơn giới hạn cấu hình, add-on sẽ:
  • 
    []giới hạn hiển thị theo max-width
    []đảm bảo ảnh click mở Lightbox để xem ảnh gốc
  • tuỳ cấu hình, thêm icon hoặc dòng cảnh báo: “This image has been resized. Click to view the original size.”

---

Thông tin phiên bản

• 
  []Tên add-on: [TB] Image Resizer
  []Phiên bản: 1.1.0
• Tác giả/Dev: Ugur_Bxen fix

---

Hỗ trợ
Nếu cần tuỳ biến giao diện cảnh báo / vị trí icon / style, bạn có thể chỉnh thêm CSS (LESS) hoặc báo mình để hỗ trợ tinh chỉnh theo style của forum.