کد زیر را در notepad++ کپی و با نام resizer.js ذخیره کنید
و در مسیر root/jscripts/ آپلود کنید
به کنترل پنل ادمین انجمن خود رفته و فایل headerinclude را باز کنید
کد زیر را یافته
و در زیر آن کد زیر را قرار دهید
به پوسته قالب خود رفته و فایل global.css را در حالت ویرایش پیشرفته قرار دهید
لینک مرجع
ترجمه : انجمن پارسیان دانلود
کد:
// 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 i = 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.call( this );
} else {
$(this).one('load', imageLoaded);
}
});
});
و در مسیر root/jscripts/ آپلود کنید
به کنترل پنل ادمین انجمن خود رفته و فایل headerinclude را باز کنید
کد زیر را یافته
کد:
<script type="text/javascript" src="{$mybb->asset_url}/jscripts/general.js?ver=1800"></script>
و در زیر آن کد زیر را قرار دهید
کد:
<script type="text/javascript" src="{$mybb->asset_url}/jscripts/resizer.js"></script>
به پوسته قالب خود رفته و فایل global.css را در حالت ویرایش پیشرفته قرار دهید
کد:
.resize {
max-width: none !important;
position: absolute !important;
z-index: 20 !important;
}
لینک مرجع
ترجمه : انجمن پارسیان دانلود