làm sao resize ảnh như CP

[vlt]

cho vlt hỏi làm sao để khi post hình ảnh vô forum mà đựơc như kiểu của dưới đây:.

Hình to sẽ tự thu về kích cỡ 400x300px.
Click để phóng to ra
Thu nhỏ ảnh lại
Click vào để xem ở trang khác

vlt cảm ơn nhiều.

[Việt]

Đọc bài Việt hoá resize ảnh nè... trong box Tổng hợp kiến thức

[hunghsmn]

Viewtopic body của mình không có đoạn code này

Code:

<!-- BEGIN switch_image_resize -->
....
....
<!-- END switch_image_resize -->

Thử thêm vào không có tác dụng

[Mr.FR]

Viewtopic body của mình không có đoạn code này

Code:

<!-- BEGIN switch_image_resize -->
....
....
<!-- END switch_image_resize -->

Thử thêm vào không có tác dụng

đấy là bạn ấy viết tắt ấy ý chỉ cả đoạn dài nằm giữa hai thẻ ấy nữa

[Việt]

chắc đợt 30/10 chú chưa cập nhật temp đó thôi !

[hunghsmn]

Đúng rồi
Trả Viewtopic body về mặc định thì có đoạn đó
Nhưng thử thì vẫn không có tác dụng[/quote]

[love]

chắc đợt 30/10 chú chưa cập nhật temp đó thôi !

ủa có cập nhập hả...
love vẫn dùng tem cũ

[Việt]

temp mặc định đã thu gọn code này ngắn hơn rất nhiều rồi. Nên nghĩ không cần Việt hóa làm gì để nó dài ra.
Chức năng này có kèm đoạn CSS

Code:

.resize_process .resizebox {
display:none;
}
.resize_process img.resize_img {
display:none;
}
.resizebox a.enlarge, .resizebox a.fullsize, .resizebox a.resize {
display:inline-block;
}
.resizebox.enlarged a.enlarge {
display:none;
}
.resizebox.enlarged a.resize {
display:inline-block;
}
.resizebox a.resize {
display:none;
}
.resizebox {
background-color:#FFFFFF;
cursor:default;
display:inline-block;
font-style:normal;
font-weight:normal;
line-height:1.1em;
margin:0;
max-width:100%;
text-align:left;
}
.resizebox div {
font-style:normal;
font-weight:normal;
margin:0;
}
.resizebox .resize_border {
border:1px solid #FFFFFF;
display:block;
}
.resizebox .resize_content {
display:inline-block;
padding:5px 10px;
}
.resizebox .resize_filler {
border:medium none;
display:inline-block;
padding:0;
width:40px;
}

p/s : chú có chỉnh cỡ ảnh trong QLTT > Cấu hình dđ (Messages and Emails) > Images resize chưa ?

[kailord]

Cai nay dc cho ie ko viet K

[Exterminator]

Đoạn code này Việt hóa the ý Ex :

[Phóng To Ảnh] [Thu Nhỏ Ảnh] [Kích Thước Thật]

Code:



<!-- BEGIN switch_image_resize -->
<script type="text/javascript">
//<![CDATA[
$(function(){
   $('.postbody img').not('.signature_div img').css('display','none');
});
$(window).load(function(){
   $('.postbody img').not('.signature_div img').each(function(){
      if ( ( $(this).width() > {switch_image_resize.IMG_RESIZE_WIDTH} && {switch_image_resize.IMG_RESIZE_WIDTH} != 0 ) || ( $(this).height() > {switch_image_resize.IMG_RESIZE_HEIGHT} && {switch_image_resize.IMG_RESIZE_HEIGHT} != 0 ) ) {
         $(this).before(document.createElement('div')).prev().click(function(){
            return false;
         }).addClass('resizebox gensmall clearfix').append(document.createElement('div')).children().addClass('resize_border clearfix').append(document.createElement('div')).children().addClass('resize_content clearfix').append(document.createElement('a')).children().addClass('enlarge').attr('href', '#').text('[Phóng To Ảnh]').click(function(){
            $(this).parent().parent().parent().next().css('display','none').attr('resizeWidth', $(this).parent().parent().parent().next().width()).width('');
            $(this).parent().parent().parent().next().width($(this).parent().parent().parent().next().width() > ($('html').attr('dir') != 'rtl' ? $(this).closest('td').width() - $(this).parent().parent().parent().offset().left + $(this).closest('td').offset().left : $(this).parent().parent().parent().width() + $(this).parent().parent().parent().offset().left - $(this).closest('td').offset().left) ? $('html').attr('dir') != 'rtl' ? $(this).closest('td').width() - $(this).parent().parent().parent().offset().left + $(this).closest('td').offset().left : $(this).parent().parent().parent().width() + $(this).parent().parent().parent().offset().left - $(this).closest('td').offset().left : '').css('display','inline');
            $(this).css('display','none').next('a.resize').css('display','inline-block');
            $(this).parent().parent().parent().width('').width($(this).parent().parent().parent().next().width());
            return false;
         }).parent().append(document.createElement('a')).children().next().addClass('resize').attr('href','#').text('[Thu Nhỏ Ảnh]').click(function(){
            $(this).parent().parent().parent().next().width(parseInt($(this).parent().parent().parent().next().attr('resizeWidth'))).removeAttr('resizeWidth');
            $(this).css('display','none').prev('a.enlarge').css('display','inline-block');
            $(this).parent().parent().parent().width('').width($(this).parent().parent().parent().next().width());
            return false;
         }).parent().append(document.createElement('div')).children('a.resize').next().addClass('resize_filler').text(' ').parent().append(document.createElement('a')).children('div.resize_filler').next().addClass('fullsize').attr('href','#').click(function(){
            window.open('/viewimage.forum?u=' + encodeURIComponent($(this).parent().parent().parent().next().attr('src')));
            return false;
         }).attr('target', '_blank').text('[Kích Thước Thật]');
         if ($(this).width() > ($('html').attr('dir') != 'rtl' ? $(this).closest('td').width() - $(this).prev().offset().left + $(this).closest('td').offset().left : $(this).prev().width() + $(this).prev().offset().left - $(this).closest('td').offset().left)){
            $(this).prev().find('a.fullsize').attr('href','/viewimage.forum?u=' + encodeURIComponent($(this).attr('src'))).css('display', 'inline-block');
         }
         $(this).width($(this).width() * ( ( {switch_image_resize.IMG_RESIZE_WIDTH} != 0 && ( {switch_image_resize.IMG_RESIZE_HEIGHT} == 0 || $(this).width() / $(this).height() > {switch_image_resize.IMG_RESIZE_WIDTH} / {switch_image_resize.IMG_RESIZE_HEIGHT} ) ) ? {switch_image_resize.IMG_RESIZE_WIDTH} / $(this).width() : {switch_image_resize.IMG_RESIZE_HEIGHT} / $(this).height() ) ).css('display','inline').prev().width($(this).width());
      }
   }).css('display','inline');
});
//]]>
</script>
<!-- END switch_image_resize -->



Nếu bạn cần chỉnh sửa gì thì search trong code để chỉnh tùy ý mình nhé.

[Joslong]

Lỗi

Detected error
We have counted a different number of "{" and of "}". It means your CSS risks to be not valid and will not be posted correctly on your forum.

We advise you to reread your code.

[hunghsmn]

Xong rồi IE, FF đều tốt. Cám ơn các cháu.
[Phóng To Ảnh] [Thu Nhỏ Ảnh] [Kích Thước Thật]
Mấy chữ Việt này cũng đúng ý chú

[khoilv]

thankz a EA!

[Joslong]

úi dzời 1 lỗi to đùng
[code]Lỗi

Detected error
We have counted a different number of "{" and of "}". It means your CSS risks to be not valid and will not be posted correctly on your forum.

We advise you to reread your code.

đấy !

[Joslong]

không có tác dụng gì cả hix ((

[Joslong]

mà mọi người ơi code đó chèn vào đâu vậy , mình hỏi luôn , muốn cập nhật
[quote]chắc đợt 30/10 chú chưa cập nhật temp đó thôi !

cập nhật như thế nào vậy < không thì mình bó tay . com

[hunghsmn]

cập nhật như thế nào vậy < không thì mình bó tay . com

Mình chẵng biết cập nhật gì hết
Lấy code cuae Viet K cho dán vào CSS
Lấy code của Ex cho dán vào Viewtopic body
Vậy là xong, ngoài ra không biết gì hết.

À quên, còn một việc cuối cùng nữa là bấm dấu cộng
cho 2 bạn ấy là xong.

[Joslong]

vẫn Không Ăn thua , Bấm Được Có 1 Lần Duy Nhất ,Rùi Đứng HIX

[Joslong]

CHẮC DÀNH DÙNG TIẾNG ANH THUI VẬY ((

[Mr.FR]

code với a Ex đưa là đúng rồi, còn bác Joslong bấm vào ko được là tại code bác sửa sai chỗ nào rồi ! sao lại còn cả tiếng Anh với tiếng Việt thế kia

[Mr.FR]

có một vấn đề vẫn chưa tìm ra là trong khung Quote thì nó bị vỡ khung thì phải xem demo này thử

http://www.a2bmt.com/forum-f12/topic-t1154.htm

[Joslong]

CHẮC DÀNH DÙNG TIẾNG ANH THUI VẬY ((

copy rùi chèn thẳng vào luôn , như hướng dẫn chữ có phải pro đâu mà dám sửa , hả trời

làm cả chục lần đầu y như thế

[CPFounder]

Dùng mặc định đi mấy bạn ơi, chỉnh sửa chi cho mệt nhỉ?

[Joslong]

vào viewtopic_body tìm đoạn:

Code:

<!-- BEGIN switch_image_resize -->
<script type="text/javascript">
//<![CDATA[
$(resize_images({ 'selector' : '.postbody', 'max_width' : {switch_image_resize.IMG_RESIZE_WIDTH}, 'max_height' : {switch_image_resize.IMG_RESIZE_HEIGHT} }));
//]]>
</script>
<!-- END switch_image_resize -->

thay bằng: code của Ex
vào css thêm vào đoạn code của

ok !! phù vậy mà không nói sớm làm em :smiley:

[Việt]

[Sponsored content]