مشکل در عرض تصاویر در پست ها

[Mohammad Mz 263]

چون شما پوسته تون ریسپانسیو نیست وقتی عرض مرورگر رو کم میکنید  اسکرول عرضی میخوره و برای همین این کد کار نخواهد کرد.دلیلش هم کاملا مشخصه.اگر با کم کردن عرض مرورگر اسکرول نخوره در اینصورت کد کار میکنه.

 

یه عکس خیلی بزرگتر از عرض صفحه تون پیوست کنید و بدون این کد مشاهده میکنید از layout صفحه میزنه بیرون در حالیکه با این کد تا زمانی که صفحه اسکرول نخورده حتی عرض عکس خیلی هم زیاد باشه متناسب با صفحه ریسایز میشه.

 

نتیجه: همین کد  که اضافه هم کردید حله.چون اگر عکسی عرضش خیلی زیاد هم باشه اتوماتیک ریسایز میشه.

 

موفق باشید.

با کامپیوتر هایی که مانیتورشون 1280 عرض است وارد اون تاپیک انجمن شدم صفحه موضوع اسکرول خورد !!

[سعید نظری 1,710]

پست قبلیمو با دقت خوندی؟ به عرض مرورگر توجه کنید نه عرض مانیتور : پوسته شما تا عرض 997px خوبه و ازین کمتر اسکرول میخوره.پس ازین پیکسل بیشتر مشکلی وجود نداره.

به شات توجه کنید :

[Mohammad Mz 263]

آقا سعید بی زحمت عرض مرورگرتون رو کم تر کنید تا متوجه بشید من چی دارم میگم!!

مثلا شما برید آخرین پستم رو ببینید همین چند دقیقه پیش عکس با عرض زیاد آپلود کردم!!

http://forums.bando.ir/topic/6-ألمانيا-بطل-کأس-العالم-المونديال-2014/?p=18

 

اصلا ریسایز نشده و اون عکسی که شما نشون دادین اندازه واقعی اون تصویر همون قدره !! و  به همین دلیل از کادر بیرون نزده!!

[سعید نظری 1,710]

آقا سعید بی زحمت عرض مرورگرتون رو کم تر کنید تا متوجه بشید من چی دارم میگم!!

مثلا شما برید آخرین پستم رو ببینید همین چند دقیقه پیش عکس با عرض زیاد آپلود کردم!!

http://forums.bando.ir/topic/6-ألمانيا-بطل-کأس-العالم-المونديال-2014/?p=18

 

اصلا ریسایز نشده و اون عکسی که شما نشون دادین اندازه واقعی اون تصویر همون قدره !! و  به همین دلیل از کادر بیرون نزده!!

 

پست منو با دقت بخون:

 

اون عکسی که شما اپلود کردید عرض اصلیش هست 1200.درسته؟

 

همونطور که گفتم پوسته ی شما  اگر عرض صفحه ی مرورگر از 997px پیکسل کمتر بشه صفحه تون اسکرول عرضی میخوره. (اون کدی که من دادم تا زمکانی کار میکنه که صفحه تون اسکرول عرضی نخوره).چون پوسته تون ریسپانسیو نیست.

 

این از حالتی که عرض مرورگر رو خیلی زیادتر کردم و عکس حالت بزرگش نمایش منطبق با عرض ایندکس فروم نمایش داده میشه:

 

آیا تا زمانی که صفحتون اسکرول عرضی نخوره با کوچیک تر کردن عرض مرورگرت ریسایز شدن عکس رو نمیبینی()؟دوباره ببین و تست کن

 

من عرض مرورگر رو اوردم حدود 1000 پیکسل: تصویر نگاه کن ریسایز شده و کوچیکتر شده نسبت به حالت بالایی:

 

 

تو سایز اصلی عکسهارو ببین متوجه تفاوت بشی

 

که یه ذره کوچیکتر کنی عرض مروگرر و و برسه به 997 پیکسل دیگه ازون کمتر صفحه اسکرول میخوره و دیگه تصویر ریسایز نمیشه و خوب طبیعی هست.

 

حله؟

 

شما یه عکس با عرض خیلی خیلی بیشتر هم اپلود کنی با اون کد ریسایز میشه تا جاییکه صفحه اسکرول نخوره ریسایز میشه.شما یه عکس خیلی عریض در این فروم اپلود کن و تو پست قرار بده متوجه میشی

 

 

-------------------------------------------

 

این کد جی کوئری رو نوشتم زمانیکه عرض عکس از 980 بیشتر باشه عرض عکس رو همون 980 میکنه.اگر هم از 500 بیشتر باشه تغییر میده به همون 500.میتونی به مقادیر دلخواهت تتغییر بدی.

مثلا اگر عرض عکس از 700 بیشتر بود عرض عکس رو تغییر بده به 1000 پیکسل.

 

ولی خوب کد بالایی  کافیه و  نیازی به این نیست.به هر حال:

$("img").each(function(i, el)
{
    var img = $(el);
    var width = img.width();
    if (width > 980)
        img.css("width", "980px");
    else if (width > 500)
        img.css("width", "500px");
});

در پوشه ی تصاویر قالب در پوشه ی js در فایل ipbforumskins این کد رو اضافه کنید.بعد از:

jQuery(document).ready(function($) {

کد رو اضافه کن.

[Mohammad Mz 263]

با سلام:

ببخشید سوءتفاهم شده!!

مرورگر شما کروم است و این کد قبلی کمه دادین روی کروم اجرا میشه و عکس ریسایز شده نشون میده و از کادر بیرون نمیزنه * برای اپرا نیز اینچنینه !

ولی مرورگر من و خیلی ها از اینجا کهاینترنت میرن موزیلا فایر فاکس و اینترنت اکسپلورر است !! و این کد توی این دو مرورگر اجرا نمیشه و عکس ریسایز نمیشه و از کادر بیرون میزنه مثل عکس زیر تو مرورگر موزیلا فایرفاکس از کادر بیرون زده!!

در ضمن اون کدها تو پست آخری تون هنوز استفاده نکردم گفتم تا اینا رو اول خدمتتون عرض کنم شاید تصمیم بهتری داشتید!!

 

[سعید نظری 1,710]

تو فایر و اینترنت اکسپلورر این مشکل وجو داره و مشکل هم از خود مرورگر هست.اینترنت اکسپلورر که سرطان هست.باز ورژن های جدیدش خیلی بهتر شده....

خود فایرفاکس هم ماشالله کم باگ نداره

 

اینو هم به کد اضافه کن:

 

width:100%

 

------------------------------------------------------

 

اون کد جی کوئری ربطی به این نداره و متفاوت ازین هست.

[Mohammad Mz 263]

تو فایر و اینترنت اکسپلورر این مشکل وجو داره و مشکل هم از خود مرورگر هست.اینترنت اکسپلورر که سرطان هست.باز ورژن های جدیدش خیلی بهتر شده....

خود فایرفاکس هم ماشالله کم باگ نداره

 

اینو هم به کد اضافه کن:

 

width:100%

 

------------------------------------------------------

 

اون کد جی کوئری ربطی به این نداره و متفاوت ازین هست.

به کدوم کد اظاف کنم؟؟

شما چند تا کد تو این تاپیک بهم معرفی کردید نمیدونم منظورتون کدوم یکیه!

میشه خودتون بهش اظاف کنید و اون کدی رو که باید تو قالبم بزارم رو کامل بنویسید تا کپی و تو قالب پیست کنم؟؟

[سعید نظری 1,710]

.post img {

max-width: 100% !important;

height: auto !important;

width:100%

}

[Mohammad Mz 263]

با سلام:

دوباره مشکل برام پیش اومده...

 

مشکل اینه که عکس های کوچیک رو به اندازه ی کادر بزرگ شون میده مثلا در تاپیک: http://forums.bando.ir/topic/13-%D8%AA%D8%AD%D9%85%D9%8A%D9%84-%D8%A8%D8%B1%D9%86%D8%A7%D9%85%D8%AC-unlocker-%D9%84%D8%AD%D8%B0%D9%81-%D8%A7%D9%84%D9%85%D9%84%D9%81%D8%A7%D8%AA-%D8%A7%D9%84%D8%B5%D8%B9%D8%A8-%D8%AD%D8%B0%D9%81%D9%87%D8%A7/

 

اندازه عکس خیلی کوچک گمونم 32*32رو خیلی اندازه ی کادر 980*980 نشون داده!!!!!!

 

 

[سعید نظری 1,710]

بدین صورت تغییر بده:

.post img {

max-width: 100%;

height: auto;

}

img.bbc_img {

width: 100%;

max-width: 100%;

height: auto;

}

همونطور که اقای نامنی هم فرمودند تو تظنیمات میتونید حد اکثر عرض و ارتفاع عکس رو تو تنظیمات درست کنید.و نکته بعد این هست که تو تنظیمات اگر میخواید 980پیکسل ماکزیمم عرض باشه ارتفاع رو هم یا 980 یا کمتر باید تنظیم کنید.1600 بذارید همونطور که تو تظیمات پست او نشون دادید سبب میشه عرض 980 نادیده گرفته بشه.

موفق باشید