کدی باری تغییر دادن عرض و طول عکس ها [بایگانی]

View Full Version : کدی باری تغییر دادن عرض و طول عکس ها

Engineer_Yasin

چهارشنبه 28 شهریور 1386, 05:29 صبح

سلام. دنبال کدی می گردم که وقتی عرض عکس از اندازهای بیشتر بود عرض عکس را کاهش بدهد؟؟
دستور css ای بلدم اما وقتی می زنم هر چی عکس هستش اندازش را تغییر میدهد . یعنی کوچکتر ها هم بزرگتر می شوند.
ممنون می شوم پاسخ را بدهید.
اینم کد css کاربردی من :متفکر:

<style >
img { width:400;}
</style>

Hossein Bazyan

چهارشنبه 28 شهریور 1386, 05:51 صبح

سلام
این کد باعث میشه که طول 400 به همه ایمجها تعمیم داده بشه . شما باید برای آن دسته از عکسهایی که میخوای بزرگ بشن باید یک استایل جداگانه تعریف کنی

mrrajabi

چهارشنبه 28 شهریور 1386, 10:18 صبح

#styleName{width:400}

حالا id هر شی رو که برابر با styleName قرار بدین فقط روی اون شی اعمال میشه

Engineer_Yasin

پنج شنبه 29 شهریور 1386, 02:43 صبح

دوست عزیز ممنون از پاسخ شما
اما من کدی را می خواهم که به طور اتوماتیک اینکار را کنه یعنی برای عکس استایل یا عرض تعریف نکنم.!!!
اگر کسی دیگه پاسخی داره ممنون می شوم جواب بدهد!!!

peyman1987

پنج شنبه 29 شهریور 1386, 16:02 عصر

دوست من اینکار با CSS فکر نمیکنم امکان پذیر باشه ولی با جاوااسکریپت میشه یه کارهایی کرد. کد زیر رو ببینین. میتونین طبق نیازتون تغییرش بدین.

<HTML>
<HEAD>
<SCRIPT>
function CheckSizes()
{
var intCount = document.images.length;
var intCounter;
for(intCounter = 0;intCounter < intCount;intCounter++)
{
if(document.images[intCounter].width > 100)
document.images[intCounter].width = 100;
if(document.images[intCounter].height > 100)
document.images[intCounter].height = 100;
}
}
</SCRIPT>
</HEAD>
<BODY onLoad="CheckSizes()">
<IMG Src="1.jpeg">
<IMG Src="2.jpg">
</BODY>
</HTML>