رفتن به مطلب

حل مشکل responsive تصاویر شاخص در پوسته


اشکان

پست های پیشنهاد شده

با سلام دوباره حدمت دوستان.

مشکل: قالب وب من responsive میباشد و در پست ها از تصاویر شاخص با اندازه large استفاده میکنم.


<?php the_post_thumbnail(array(800,600),array(alt=>get_the_title(),title=>get_the_title()) ); ?>
یا
<?php the_post_thumbnail((large),array(alt=>get_the_title(),title=>get_the_title()) ); ?>

من میخوام وقتی که مرورگر کوچیک میشه تصویر هم کوچیک بشه.اما نمیشه.

البته div ها همه قابلیت responsive اضافه شده اما تصویر کوچیک نمیشه همزمان با پوسته.

آیا باید از شرط استفاده کنم یا اینکه راه ساده تری هم هست.

یا استفاده از جاوا.

دوستان اگه کمکی کنند خیلی ممنون میشم.

با تشکر.

http://jootix.ir

لینک به ارسال

در همون بخشی که اندازه برای div ها مشخص کردید به img ها هم باید اندازه بدید.

اگر هم میخواین همزمان با div ها به همون نسبت عکسها کوچیک بشه باید از جی کوئری استفاده کنید

لینک به ارسال

میخوام کاری بکنم که وقتی div ها کوچیک میشن عکس هم به همون نسبت کوچیک بشه.

شما میتونید کمکی کنید در مورد جی کوئری؟

ویرایش شده توسط ashkanreal
لینک به ارسال

شما تاپیک قبلیتون رو هم اسپم کردید. یادآوری میکنم که اینجا با اسپم برخورد شدید میشه.

بهتره صبور باشید. جواب همه سوالاتتون رو می گیرید

لینک به ارسال

ببینید از این کد ها استفاده میکنم اما بازم تصویر میزنه بیرون.


.bigImages {
background-color: #222222;
background-position: center center;
background-repeat: no-repeat;
border: 1px solid #111111;
border-radius: 7px 7px 7px 7px;
box-shadow: 0 1px 2px #151515;
float: left;
height: 450px;
margin: 8px 9px;
width: 775px;
}
.bigImages:hover {
background-size: auto auto;
border: 1px solid #FFFFFF;
border-radius: 5px 5px 5px 5px;
}
.bigImages img {
border: 0 none;
height: 100%;
margin: 0;
padding: 0;
width: 100%;
}
.bigImages a {
color: yellow;
text-decoration: none;
}

لینک به ارسال

به عکستون 775 پیکسل عرض دادید

بایدهم بیرون بزنه

نوشته اول من رو مجدد بخونید.

لینک به ارسال

به گفتگو بپیوندید

هم اکنون می توانید مطلب خود را ارسال نمایید و بعداً ثبت نام کنید. اگر حساب کاربری دارید، برای ارسال با حساب کاربری خود اکنون وارد شوید .

مهمان
ارسال پاسخ به این موضوع ...

×   شما در حال چسباندن محتوایی با قالب بندی هستید.   حذف قالب بندی

  تنها استفاده از 75 اموجی مجاز می باشد.

×   لینک شما به صورت اتوماتیک جای گذاری شد.   نمایش به صورت لینک

×   محتوای قبلی شما بازگردانی شد.   پاک کردن محتوای ویرایشگر

×   شما مستقیما نمی توانید تصویر خود را قرار دهید. یا آن را اینجا بارگذاری کنید یا از یک URL قرار دهید.

×
×
  • اضافه کردن...