Printable View
با سلام. من قصد دارم تو یه کنترل Image یه تصویری نشون بدم بصورتی که عرض تصویر واقعی از 1000 و ارتفاع اون از 800 کمتر بود اون تصویر رو با اندازه واقعی نشون بده در غیر اینصورت، اون رو Resize کنه و Resize اش هم طوری انجام بشه که اولا نسبی باشه دوما نزدیکترین عدد به این اعداد ذکر شده
سلام
اگر سوال شما رو درست فهمیده باشم
این کار رو میتونی با یه کار کوچیک تو جاوااسکریپت انجام بدی
من تو کد بالا هر دو خصیصه رو تغییر دادم. ولی اگر میخواهی در صورتی که تصویر تو حالت دوم سوال شماست بهتر نمایش داده بشه بهتره که فقط width رو تغییر اندازه بدی.کد HTML:<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>
ممنون از پاسختون، تا حدی درست بود، اما مسئله مهم اینجاست که اگه تصویر بزرگتر از اندازه مورد نظر بود، بطور نسبی این تغییر سایز (کوچیک کردن) عکس رو انجام بده تا عکس د فرمه نشه،
توضیح اخری که برات نوشته بودم برای همین منظور بود. من تو مثالی که برات گذاشتم هر دو رو تغییر دادم ولی اگر فقط عرض رو تغییر بدی کار حله