اشکان

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

7 پست در این موضوع قرار دارد

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

مشکل: قالب وب من 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 پیکسل عرض دادید

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

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

به اشتراک گذاری این پست


لینک به پست

آقا خیل خیلی ممنون خاصیت ها رو روی auto که گذاشتم درست شد.

به اشتراک گذاری این پست


لینک به پست

برای ارسال نظر یک حساب کاربری ایجاد کنید یا وارد حساب خود شوید

برای اینکه بتوانید نظر ارسال کنید نیاز دارید که کاربر سایت شوید

ایجاد یک حساب کاربری

برای حساب کاربری جدید در انجمن ما ثبت نام کنید. عضویت خیلی ساده است !


ثبت نام یک حساب کاربری جدید

ورود به حساب کاربری

دارای حساب کاربری هستید؟ از اینجا وارد شوید


ورود به حساب کاربری