Cách tạo SIZE ảnh cố định

[kanta68]

CHo mình hỏi có cách nào làm SIZE ảnh mặc định không?. vì Có nhiều SIE ảnh khác nhau, nhưng mình muốn cho nó thành 1 cở mặc định. rồi lúc nào muốn phóng to lên thi tuỳ người xem.
hình như ở chinh phục cũng có như vậy. chỉ mình cách làm với.
Cảm ơn nhiều

[Exterminator]

Bạn vào view topic body, search thử xem có đoạn này không :

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 -->

Nếu chưa có thì thêm vào ở dưới cùng template. Sau đó vào QLTT > Messages and Emails > Cấu hình diễn đàn.

Kéo xuống một chút sẽ có mục Images resize :

Bạn điền size cần hiển thị vào 2 ô đó bao gồm 1 ô chiều cao và 1 ô chiều ngang. Save lại là xong.

[kanta68]

Cũng có nhưng CODE của nó NTN cơ

Code:

<!-- BEGIN switch_image_resize -->
<script type="text/javascript">
//<![CDATA[
$(function(){
  $('.post-entry .entry-content img').not('.signature_div img').css('display','none');
});
$(window).load(function(){
    $('.post-entry .entry-content 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').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').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() > $(this).closest('.entry-content').width()?'100%':'').css('max-width','100%').css('display','inline');
            $(this).css('display','none').next('a.resize').css('display','inline-block');
            $(this).parent().parent().parent().width($(this).parent().parent().parent().next().width());
            return false;
        }).parent().append(document.createElement('a')).children().next().addClass('resize').attr('href','#').text('Thu 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('Xem ảnh gốc');
        if ($(this).width() > ($('html').attr('dir') != 'rtl' ? $(this).closest('.entry-content').width() - $(this).prev().offset().left + $(this).closest('.entry-content').offset().left : $(this).prev().width() + $(this).prev().offset().left - $(this).closest('.entry-content').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() ) ).prev().width($(this).width());
      }
  }).css('display', 'inline');
});
//]]>
</script>
<!-- END switch_image_resize -->

[duong8x]

mấy cái trên rắc rồi
dô css chèn cái đoạn này

Code:

/*post body image-------------------------------------------------------------------*/
.postbody img{max-width:550px;}
.postbody img:hover{
max-width:800px;
overflow:auto;
}
.postbody img:before { content: ".";
display: block;
height: 30px;
width: auto;
}

[Exterminator]

Cũng có nhưng CODE của nó NTN cơ

Code:

<!-- BEGIN switch_image_resize -->
<script type="text/javascript">
//<![CDATA[
$(function(){
  $('.post-entry .entry-content img').not('.signature_div img').css('display','none');
});
$(window).load(function(){
    $('.post-entry .entry-content 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').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').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() > $(this).closest('.entry-content').width()?'100%':'').css('max-width','100%').css('display','inline');
            $(this).css('display','none').next('a.resize').css('display','inline-block');
            $(this).parent().parent().parent().width($(this).parent().parent().parent().next().width());
            return false;
        }).parent().append(document.createElement('a')).children().next().addClass('resize').attr('href','#').text('Thu 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('Xem ảnh gốc');
        if ($(this).width() > ($('html').attr('dir') != 'rtl' ? $(this).closest('.entry-content').width() - $(this).prev().offset().left + $(this).closest('.entry-content').offset().left : $(this).prev().width() + $(this).prev().offset().left - $(this).closest('.entry-content').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() ) ).prev().width($(this).width());
      }
  }).css('display', 'inline');
});
//]]>
</script>
<!-- END switch_image_resize -->

Code này cũ, đã lỗi rồi. FM đã cập nhật code mới bằng đoạn code ngắn gọn kia đấy. Thay vào là tốt thôi.

[Sponsored content]