تغییر خودکار طول عکس توی یک Div

[tafrihat]

با عرض سلام و خسته نباشید
من یک DIV دارم به اسم body که طولش 500 هست و توی این div متن و عکس قرار می گیرد که این عکس های بعضی هاش طولش بیشتر از 500 پیکسل هست و قالب رو به هم میریزد
چه جوری میتونم طول عکس هایی که بیشتر از 500 هست رو خودکار تغییر بدهم که قالب رو بهم نریزد و طوی div نمایش بدهد

[asif1358]

سلام
فکر کنم کدی شبیه ذیل باید بنویسید


var imgs=document.getElementsByTagName('img');
for (var i=0; i < imgs.length; i++)
{
if(parseInt(imgs[i].style.width.Replace('px',''))>500)
imgs[i].style.width='500px';
}

[azaditafakor]

با JQuery فکر کنم که ساده باشه .

مثلا این کد همه ی عکسهارو یک ارتفاع میکنه:


$(document).ready(function(){
$("img").animate({height:"300px"});
});

[mamali-mohammad]

به خود عکس مورد نظر عرض و طول بده

<img src="yourimage.jpg" style="width:500px; height:500px;"/>
یا

<img src="yourimage.jpg" width="500px" height="500px"/>

[tafrihat]

صفحه من به این شکل هست


<div class="Body3">
<center><img src="32323.jpg"></center>
<font face="tahoma" style="font-size:9pt;" color="000000">
سلام حال شما خوبه؟
<a href="http://domain.com"><img src="66332.jpg" border="0"></a>
<a href="http://domain.com"><img src="5566.jpg" border="0"></a>
<a href="http://domain.com"><img src="99855.jpg" border="0"></a>
</font>
</div>

اینم کد css برای Body3
#Body3 { width: 500px ; background-color:#FFFFFF; padding-top:5px }
حالا من میخوام هر چی عکس بعد از تگ <center></center> هست رو اگر طولش بیشتر از 500 هست تغییر طول بده به 500
یعنی این 3 تا عکس میشه


<a href="http://domain.com"><img src="66332.jpg" border="0"></a>
<a href="http://domain.com"><img src="5566.jpg" border="0"></a>
<a href="http://domain.com"><img src="99855.jpg" border="0"></a>

[mamali-mohammad]

از کدهای دو دوستمون استفاده کن
درست میشه

[tafrihat]

خوب این کد

document.getElementsByTagName('img')
همه تگ های img رو شام میشه اما من فقط تگ های img برای Body3 رو میخوام شامل بشود

[azaditafakor]

با همون کدی که گذاشتم میتونی به سادگی انجام بدی نمیدونم مشکلت چیه ، کتابخونه جی کوئری رو به صفحت اضافه کن و ادامه بده .
اونم که میگی همه ی عکسها رو شامل میشه ، خوب سلکتورت رو بذار رو چیزی که میخوای این که دیگه مشکلی نیست .

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