PDA

View Full Version : حرفه ای: تعیین حداکثر اندازه برای یک کنترل



raika17metal
دوشنبه 20 شهریور 1391, 12:22 عصر
با سلام. من قصد دارم تو یه کنترل Image یه تصویری نشون بدم بصورتی که عرض تصویر واقعی از 1000 و ارتفاع اون از 800 کمتر بود اون تصویر رو با اندازه واقعی نشون بده در غیر اینصورت، اون رو Resize کنه و Resize اش هم طوری انجام بشه که اولا نسبی باشه دوما نزدیکترین عدد به این اعداد ذکر شده

iranakbari
سه شنبه 21 شهریور 1391, 09:12 صبح
سلام
اگر سوال شما رو درست فهمیده باشم
این کار رو میتونی با یه کار کوچیک تو جاوااسکریپت انجام بدی


<html>
<body>
<script type="text/javascript">
function ChangeImageSize() {
var img = document.getElementById('IMG');
var width = img.clientWidth;
var height = img.clientHeight;
if (width > 1000 || height > 800) {
img.setAttribute('width', '1000px');
img.setAttribute('height', '800px');
}
}
</script>
<div style="width: 1000px; height: 800px; overflow: hidden;">
<img id="IMG" src="http://upload.wikimedia.org/wikipedia/commons/1/12/Karte_Lage_Kanton_Tessin_2011.png"
onload="ChangeImageSize()">
</div>
</body>
</html>

من تو کد بالا هر دو خصیصه رو تغییر دادم. ولی اگر میخواهی در صورتی که تصویر تو حالت دوم سوال شماست بهتر نمایش داده بشه بهتره که فقط width رو تغییر اندازه بدی.

raika17metal
پنج شنبه 23 شهریور 1391, 10:27 صبح
ممنون از پاسختون، تا حدی درست بود، اما مسئله مهم اینجاست که اگه تصویر بزرگتر از اندازه مورد نظر بود، بطور نسبی این تغییر سایز (کوچیک کردن) عکس رو انجام بده تا عکس د فرمه نشه،

iranakbari
جمعه 24 شهریور 1391, 16:43 عصر
توضیح اخری که برات نوشته بودم برای همین منظور بود. من تو مثالی که برات گذاشتم هر دو رو تغییر دادم ولی اگر فقط عرض رو تغییر بدی کار حله