سوال در مورد فید کردن عکس در یک سایزی

rocki3oy

کاربر عضو
با سلام خدمت شما دوستان عزیز.

فرض کنید من یک کادر عکس 300 در 100 دارم.

خوب یه عکس دارم با سایز 800 در 600 اگر این عکس بخواد با دستورات css به 300 در 100 تغییر سایز داده بشه مطمئنا خیلی بد خواهد شد.

می خوام اگر عکس رو به یک سایز استاندارد کوچکتر کنه مثلا به سایز 400 در 300 یا هر سایز استاندارد کوچک کنه و بعد در کادر 300 در 100 در قسمت وسط نمایش بده.

با تشکر لطفا کمکم کنید.

css و کدی که یه مقدار نوشتم لطفا اصلاح کنین.

ضمنا ای کار رو برای سیستم وردپرس میخوام.

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

کد در پوسته:


کد:
<div class="picpost">
    <img src="#">
</div>
کد در استایل:


کد:
.picpost{
    width:300px;
    height:100px;
    border:1px solid #c0c0c0;
    border-radius:4px;
}
.picpost img {
    اینجا باید چی قرار بدم که عکس کشیده یا جمع نشه عوضش استاندارد و خوب نشون بده؟
}
 

hannanstd.ir

مدیر انجمن و توسعه دهنده ووکامرس پارسی
کد زیر رو function اضافه کنین . البته داخل <?php این کد میاد از تصویر شما یک تصویر دیگه به اندازه 300*100 در میاره (الگوریتم جالبی داره ؛ در صورت لزوم کراپ هم میکنه)


کد:
if ( function_exists( 'add_theme_support' ) ) {    add_theme_support( 'post-thumbnails' );}
if (function_exists('add_image_size')){
add_image_size( 'axeman', 300, 100, true);
و


کد:
[COLOR=#000000][COLOR=#007700]<[/COLOR][COLOR=#0000BB]div [/COLOR][COLOR=#007700]class=[/COLOR][COLOR=#DD0000]"picpost"[/COLOR][COLOR=#007700]>
    <?php the_post_thumbnail('axeman'); ?>[/COLOR][COLOR=#007700]</[/COLOR][COLOR=#0000BB]div[/COLOR][COLOR=#007700]> [/COLOR][/COLOR]


 

Black_Sky

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

شما میخواهید محدودیت برای نمایش یک تصویر خاص بدید باید برای اون کلاس(استایل) به صورت زیر تعریف کنید :


کد:
max-[COLOR=#0000BB][FONT=monospace]width
[/FONT][/COLOR]max-[COLOR=#0000BB][FONT=monospace]height[/FONT][/COLOR]
 
بالا