MyBB Depo Forum
[MCTR - 1.8] Genişliğe Uygun Resim Boyutlandırma Yapımı 1.8 - Baskı Önizleme

+- MyBB Depo Forum (https://mybbdepo.com)
+-- Forum: MyBB 1.8 Depo (https://mybbdepo.com/mybb-1-8-depo-forumu)
+--- Forum: MyBB 1.8 Modifikasyon & Eklenti Deposu (https://mybbdepo.com/mybb-1-8-modifikasyon-eklenti-deposu-forumu)
+---- Forum: Konu Gösterimi (https://mybbdepo.com/konu-gosterimi-109-forumu)
+---- Konu Başlığı: [MCTR - 1.8] Genişliğe Uygun Resim Boyutlandırma Yapımı 1.8 (/genislige-uygun-resim-boyutlandirma-yapimi-1-8-konusu.html)



Genişliğe Uygun Resim Boyutlandırma Yapımı 1.8 - NY.Net - 13-09-2014

Merhaba arkadaşlar resmi sitede gezerken gördüğüm bir modifikasyonu daha çok dersi sizlere paylaşmak istedim.Resimlerinizi otomatik boyutlandırmaya yaradığından bahsedilmiş.Yanlış anlamadıysam tabii.MyBB 1.8 i bir siteye girerek deneme fırsatım olmadı localhostta sorun veriyor bir kaç yerde neyse.

Bu adımları uygulamadan önce değişiklik yapacağınız tüm dosyaları yedekleyiniz.

Adım 1: Not Defteri veya NotePad++ gibi bir programa giriş yapıyor ve yeni bir dosya oluşturuyoruz.
Adım 2: Dosya adını resizer.js şeklinde adlandırın ve aşağıda verdiğim kodları ekleyip kaydedin:
PHP Kod:
// jQuery.naturalWidth / jQuery.naturalHeight plugin for (already-loaded) images

// Triple-licensed: Public Domain, MIT and WTFPL license - share and enjoy!

(function($) {
  function 
img(url) {
    var 
= new Image;
    
i.src url;
    return 
i;
  }

  if (
'naturalWidth' in (new Image)) {
    $.
fn.naturalWidth  = function() { return this[0].naturalWidth; };
    $.
fn.naturalHeight = function() { return this[0].naturalHeight; };
    return;
  }
  $.
fn.naturalWidth  = function() { return img(this[0].src).width; };
  $.
fn.naturalHeight = function() { return img(this[0].src).height; };
})(
jQuery);

$(
document).ready(function() {
    function 
imageLoaded() {
        var 
resizelang 'Click on this image to display the full size version.';
        var 
resizedsize =  $(this).width();
        var 
origsize = $(this).naturalWidth();
        if (
origsize!=resizedsize) {
            $(
this).wrap('<div></div>').attr('title'resizelang).on('click', function() {
                if ($(
this).is('[title]')) {
                    $(
this).removeAttr('title');
                }
                else {
                    $(
this).attr('title'resizelang);
                } 
                var 
parentheight = $(this).parent().height();
                if (!$(
this).hasClass('resize')) {
                    $(
this).addClass('resize').parent().css('height'parentheight+'px');
                }
                else
                {
                    $(
this).removeAttr('class').parent().css('height''');
                }
            });
        }
    }
    $(
'.scaleimages img').each(function() {
        if( 
this.complete ) {
            
imageLoaded.callthis );
        } else {
            $(
this).one('load'imageLoaded);
        }
    });
}); 

Adım 3: Kaydettiğiniz resizer.js dosyasını forumun kurulu olduğu dizin(root)/jscripts/ dosyasının içine atınız.
Adım 4: Admin panelinize giriş yapın ve headerinclude şablonunu açın.
Adım 5: Bu şablonda aşağıda verdiğim kod satırını bulun:
PHP Kod:
<script type="text/javascript" src="{$mybb->asset_url}/jscripts/general.js?ver=1800"></script> 
Bu satırın hemen bir satır aşağısına inin ve aşağıdaki kodu ekleyip kaydedin.
PHP Kod:
<script type="text/javascript" src="{$mybb->asset_url}/jscripts/resizer.js"></script> 
Adım 6: Aşağıda verdiğim css kodunu global.css de en alta inip ekleyin ve kaydedin.
PHP Kod:
.resize {
    
max-widthnone !important;
    
positionabsolute !important;
    
z-index20 !important;


Buda videosu:




Not: Anladığım kadarıyla 1.8 Default tema odaklı bir çözümmüş bu aynı sistemin hemen hemen aynısı xenforo da da kullanılırmış.

Hani bi teşekkür etseniz güzel olur.Gerçi ben yapmadım sadece bilgilendirmek amacıyla paylaşmak istedim sizlerle.Daha önce paylaşıldı ise özür dilerim


Cvp: Genişliğe Uygun Resim Boyutlandırma Yapımı 1.8 - poyraz - 13-09-2014

http://mybbdepo.com/eklentisiz-resizer-konusu.html


Cvp: Genişliğe Uygun Resim Boyutlandırma Yapımı 1.8 - NY.Net - 13-09-2014

Ben google da aradim bulamamiştim o yüzden yoktur diye açtim madem var konu silinebilir