[Code] Resize ảnh trong Topic[✔]

[K.-Kun]

Code: Resize Image In Topic
By: Kirigaya Kazuto
Source: Reference Duelacademy
Demo:

APC >> Modules >> HTML & JAVASCRIPT >> Javascript codes management: Tạo 1 JS mới
Title: Resize Image In Topic
Placement: In The Topic
Javascript code:

Code:

$(window).load(function(){
      $('.post img').each(function(){
         if($(this).width() > 750 || $(this).height() > 1000) {
            var regex = new RegExp(window.location.origin + '\/','i'), target = regex.test($(this).attr('src')) ? '_self' : '_blank';
            $(this).css({'max-width':750,'max-height':1000});
            $(this).before("<div class='resized_img' style='padding:5px;background:#ddd;max-width:740px;'><a href='/viewimage.forum?u="+$(this).attr('src')+"' alt='Nhấp để xem kích thước gốc' target='"+target+"'>Nhấp để xem kích thước gốc của hình</a></div>");
         }
      });
});

P/s: Trong đoạn Js trên tìmL

Code:

if($(this).width() > 750 || $(this).height() > 1000) {

Code:

$(this).css({'max-width':750,'max-height':1000});

Trong đó: 750 là kích thước chiều rộng tối đa của ảnh
1000 là chiều cao tối đa của ảnh

- Kirigaya Kazuto -

[Méo Hắc Hắc]

Chưa cần biết thế nào, thấy demo đẹp là cứ like cho cái đã


Khi nào mình mới biết dùng var và if trong js đây hả trời =="

[Chúa Tể Địa Ngục]

dùng punbb thôi à?

[K.-Kun]

[quote="Chúa Tể Địa Ngục"]dùng punbb thôi à?[/quote

All ver

[Chúa Tể Địa Ngục]

sao ko thấy gì zậy
http://conanfamily.yourme.net/t1259-topic#13214

[7vnr]

không có hiện tương gì xẩy ra

[K.-Kun]

@Tể: Forum quá nặng! Chờ load xong đã rồi hãy phán nhá con

[Chúa Tể Địa Ngục]

forum gì quá nặng...ta sài skin mặc định cơ mà...
Cái JS đo loa bao nhiêu thế? không phẩy mấy giây

[handsomevip007]

@Kazu, @Tể: nói chính xác thì cái ảnh nó nặng phải đợi load xong thì nó mới đo được cái ảnh đó bự nhỏ thế nào rồi mới gắn cái chức năng trên vào. Mà mấy cái topic post truyện thì nhẹ mới là lạ

[Chúa Tể Địa Ngục]

cái này chắc ảnh HD, host KSV up mà!

[Sponsored content]