هاست لینوکس

آخرین بسته‌ی MyBB: نسخه‌ی 1.8.27 MyBB منتشر شد


امتیاز موضوع:
  • 0 رأی - میانگین امتیازات: 0
  • 1
  • 2
  • 3
  • 4
  • 5
[آموزش] تغییر سایز عکس با استفاده از جاوا
#1
کد زیر را در notepad++ کپی و با نام resizer.js ذخیره کنید

کد:
// 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;
}

لینک مرجع
ترجمه : انجمن پارسیان دانلود
پاسخ
 سپاس شده توسطfirstboy000 (۱۳۹۴/۳/۳۱، ۱۳:۲۶:۲۱ عصر)
#2
درود، لینک مرجع آموزش و یک نمونه شات به همراه توضیح کوتاهی که کارش چیه دقیقا و در چه مواقع عمل میکنه رو اضافه کنید، با سپاس، موفق باشید
نصب و آپدیت انجمن مای بی بی | پلاگین و پوسته | تغییرات داخلی انجمن
نصب و بروزرسانی وردپرس طراحی پوسته های وردپرسی سبک با سئوی بالا
شخصی سازی پوسته های مای بی بی و وردپرس
طراحی سیستم مدیریت محتوای اختصاصی و خاص با برترین زبان های برنامه نویسی دنیا
جهت سفارش در تلگرام: firstboy000@
پاسخ
 سپاس شده توسطsaeed_same (۱۳۹۴/۳/۳۱، ۱۳:۲۷:۲۷ عصر)
#3
توضیح خاصی نداره فقط عکسهایی که با سایز بزرگ کپی میشن رو به سایز کوچیکتر تبدیل مینه تا باعث بارگذاری زودتر عکس و سرعت بالا انجمن بشه
پاسخ
#4
لطفا نمونه قرار دهید آیا مثل 1.6 هست که کاربر بتونه تصویر رو خودش بزرگ کنه؟
[تصویر:  do.php?img=6622]
پاسخ
 سپاس شده توسطشماره مجازی (۱۴۰۱/۸/۲۶، ۰۱:۴۹:۴۷ صبح) ، گراف مسنجر (۱۴۰۱/۱۰/۳، ۰۴:۱۲:۰۱ صبح) ، چارتر ۴۲۴ (۱۴۰۲/۹/۱۲، ۱۵:۱۱:۵۲ عصر)


پرش به انجمن:


کاربرانِ درحال بازدید از این موضوع: 1 مهمان