Previous >    <Next  

‎ويژگي هاي شئImage

‎شئImage كه درجاوااسكريپت ايجاد ميشود، مرتبط با يكي از عناصرHTML ‎<img>‎ ‎صفحه ميباشد .اين شئ داراي ويژگي هاي همان عنصر‎<img>‎ است كه ميتوان با فرمت ‎شئ گرائي با شئ مذكور روي آن اثر گذاشت .بعبارتي ميتوان مقادير ويژگيهاي آنرا تنظيم ويا بدست ‎آورد.

‎جدول ويژگي هاي شئImage مطابق زير بوده ، ودراين صفحه هركدام دربخش داخلي تشريح ميشوند.

‎جدول ويژگي هاي شئ تصويري
‎ويژگي ‎شرح
align ‎درHTMl5 پشتيباني نميشود، بجايشstyle.cssFloat استفاده شود .
‎مقدار ويژگي تراز‎(align)‎ تنظيم ويابرگشت ميدهد .
alt ‎مقدارويژگيaltشئ image راتنظيم ويابرگشت ميدهد.
border ‎درHTMl5 پشتيباني نميشود، بجايشstyle.border استفاده شود.
‎مقدار ويژگي مرزي‎(border )‎ تنظيم ويابرگشت ميدهد.
compete ‎مشخص ميكند كه بارگذاري تصوير را كامل انجام داده يانه
crossOriin ‎تنظيماتCORS تصوير را تنظيم ويابرگشت ميدهد .
height ‎مقدار ويژگي ارتفاع تصوير را تنظيم ويا برگشت ميدهد.
hspace ‎درHTMl5 پشتيباني نميشود، بجايشstyle.margin استفاده شود.
‎مقدار ويژگي حاشيه اي‎(margin)‎ را تنظيم ويابرگشت ميدهد .
isMap ‎مشخص ميكند كه تصوير‎(image server-‎side)‎ سمت سرور است ياخير .
longDesc ‎درHTMl5 پشتيباني نميشود.
‎مقدار ويژگي شرح طولاني‎(longDesc )‎ تنظيم ويابرگشت ميدهد.
lowsrc ‎درHTMl5 پشتيباني نميشود.
‎آدرسurl تصوير با وضوح يائين را تنظيم ويابرگشت ميدهد .
name ‎درHTMl5 پشتيباني نميشود .بجايش از ويژگيid استفاده كنيد .
‎مقدار ويژگيname را تنظيم ويابرگشت ميدهد .
naturalHeight ‎مقدار ويژگيnaturalHeight تصوير رابرگشت ميدهد.
naturalWidth ‎مقدار ويژگيnatureWidth تصوير رابرگشت ميدهد.
src ‎مقدار ويژگيsrc تصوير را تنظيم ويا برگشت ميدهد .
useMap ‎مقدار ويژگيuseMap تصوير را تنظيم ويا برگشت ميدهد .
vspace ‎درHTMl5 پشتيباني نميشود، بجايشstyle.margin استفاده شود.
‎مقدار ويژگيvspace را تنظيم ويا برگشت ميدهد .
width ‎مقدار ويژگيwidth را تنظيم ويا برگشت ميدهد .

‎ويژگيImage align

‎ويژگيImage align درHTML5 پشتيباني نميشود وبجاي آن از‎style.cssFloat‎ ‎استفاده ميگردد .بهمين دليل اين ويژگي تشريح ميگردد.

‎ويژگيStyle cssFloat

‎شرح اين ويژگي را در لينك‎cssFloat‎ ‎مطالعه نمائيد.

‎ويژگيImage alt

‎ويژگيImage alt مقدار ويژگيalt يك عنصر‎<img>‎ مرتبط باشئ تصوير را تنظيم ‎ويا برگشت ميدهد .اين ويژگي ضروري ، متن جايگرين را براي تصوير مشخص ميكند كه بدلايل مختلف ‎اشكال بارگذاري نشان داده ميشود.

‎نكته ـ اينترنت اكسپلورر مقدار ويژگيalt را بعنوان يك راهنما با قرار گرفتن ماوس روي تصوير ‎نمايش ميدهد .با توجه به امكاناتHTML اين رفتار صحيح نيست .همه مرورگرهاي ديگر براي نمايش ‎از مشخصات آن استفاده ميكنند.

‎نكته ـ اگر ميخواهيد براي تصوير اهنمائي درست كنيد، از ويژگيglobal title استفاده كنيد .

‎مثال ـ برگشت مقدار ويژگيalt تصوير 

var x = document.getElementById("myImg").alt;

--(go to editor for change code and run)

‎فرمت استفاده ـSyntax

‎فرمت برگشت ويژگي
imageObject.alt

‎فرمت تنظيم ويژگي
imageObject.alt=text

‎مقادير ويژگي ـProperty Values

‎مقدار ‎شرح
text ‎متن جايگزين براي تصوير مشخص ميكند
‎دستورالعمل متن جايگزين:
  • ‎اگر تصوير حاوي اطلاعاتي باشد، متن بايد آنرا توصيف كند.
  • ‎اگر تصوير در داخل عنصر‎<a>‎ باشد، متن بايد توضيح دهد كه پيوند بكجا ميرود .
  • ‎alt="‎"‎براي تصوير دكورسيوني است .

‎مثال ـ تغيير متن جايگزين تصوير

document.getElementById("myImg").alt = "newAlternateText";

--(go to editor for change code and run)

‎صفحات مرتبط

HTML <img> Tag

‎ويژگيImage border

‎ويژگيImage border درHTML5 پشتيباني نميشود وبجاي آن از‎style.border‎ ‎استفاده ميگردد .بهمين دليل اين ويژگي تشريح مي شود.

‎ويژگيStyle.border

‎شرح اين ويژگي را در لينك‎style.border‎ ‎مطالعه نمائيد.

‎ويژگيImage complete

‎ويژگيImage complete مقدار ويژگيcomplete عنصر‎<img>‎مرتبط با شئ ‎تصوير را برگشت ميدهد .اين ويژگي مشخص ميكند كه ، آيا بارگذاري تصوير كامل انجام شده يا خير.

‎اگر بارگذاري تصوير بدون اشكال انجام شده باشد، مقدار ويژگيtrue درغيراينصورت نتيجه false ‎است.

‎مثال ـ بررسي ميشود كه بارگذاري تصوير به پايان رسيده است.

var x = document.getElementById("myImg").complete;

--(go to editor for change code and run)

‎فرمت استفاده ـSyntax

imaeObject.complete

‎مثال ـ بررسي بارگذاري تصوير در بارگذاري بدنه سند.

<script>
function myFunction() {
  alert("Image loaded: " + document.getElementById("myImg").complete);
}
</script >

<body onload="myFunction()">

--(go to editor for change code and run)

‎ويژگيImage height

‎ويژگيImage height مقدار ويژگيheight يك عنصر ‎<img>‎ مرتبط باشئ تصوير را تنظيم ‎ويا برگشت ميدهد .مقدار اين ويژگي ارتفاع تصوير را برحسب پيكسل مشخص ميكند.

‎مثال ـ ارتفاع تصوير به‎‎"300px‎"‎ تبديل ميشود .

document.getElementById("myImg").height = "300";

--(go to editor for change code and run)

‎فرمت استفاده ـSyntax

‎فرمت برگشت ويژگي
imageObject.height

‎فذمت تنظيم ويژگي
imageObject.height=pixels

‎مثال برگشت ارتفاع يك تصوير

var x = document.getElementById("myImg").height;

--(go to editor for change code and run)

‎مثال ـ تغيير عرض وارتفاع يك تصوير

document.getElementById("myImg").height = "300";
document.getElementById("myImg").width = "300";

--(go to editor for change code and run)

‎ويژگيImage hspace

‎ويژگيImage hspace درHTML5 پشتيباني نميشود وبجاي آن از‎style.margin‎ ‎استفاده ميگردد .بهمين دليل اين ويژگي تشريح ميگردد.

‎ويژگيStyle.margin

‎شرح اين ويژگي را در لينك‎style.margin‎ ‎مطالعه نمائيد.

‎ويژگيImage isMap

‎ويژگيImage isMap مقدار ويژگيismap يك عنصر ‎<img>‎ مرتبط باشئ تصوير را تنظيم ‎ويا برگشت ميدهد .اين ويژگي مشخص ميكند كه تصوير، تصوير سمت سرور است يا نه .يك نقشه تصويري ‎سمت سرور با مناطق قابل كليك ميباشد.

‎هنگاميكه يك تصوير سمت سروري كليك ميشود، مختصات نقطه كليك به عنوان رشته جستجويURL ‎به سرور ارسال ميشود.

‎نكته ـ ويژگيismap وقتي براي تصوير مجازاست كه عنصر ‎<img>‎ اولاد يگ لينك ‎<a>‎با ويژگيhrefمعتبر باشد .

‎مثال ـ بررسي اينكه تصوير، يك تصوير سمت سروريست

var x = document.getElementById("myImg").isMap;

--(go to editor for change code and run)

‎فرمت استفاده ـSyntax

‎فرمت برگشت ويژگي
imageObject.isMap

‎فرمت تنظيم ويژگي
imageObject.isMap= true | false

‎مقادير ويژگي ـProperty Values

‎مقدار ‎شرح
true | false ‎مشخص ميكند كه آيا تصوير بايد قسمتي از نقشه سمت سرور باشد ياخير
  • true‎ـ تصوير قسمتي از نقشه تصويري سمت سرور است .
  • false‎ـ تصوير قسمتي ارنقشه تصويري سمت سرور نيست .

‎مثال ـ تنظيم ويژگيisMap 

document.getElementById("myImg").isMap = true;

--(go to editor for change code and run)

‎ويژگيImage naturalHeight

‎ويژگيImage naturalHeight مقدار ويژگيnaturalHeight يك عنصر ‎<img>‎ مرتبط ‎باشئ تصوير را برگشت ميدهد .اين ويژگي ارتفاع اصلي عنصر‎<img>‎ را مشخص ميكند . ‎اين ويژگي فقط حالت خواندني دارد.

‎مشابه همين ويژگي براي عرض تصوير‎(naturalWidth)‎ وجود دارد، كه عرض اصلي را ‎مشخص ميكند.

‎مثال ـ برگشت ارتفاع اصلي تصوير

var x = document.getElementById("myImg").naturalHeight;

--(go to editor for change code and run)

‎فرمت استفاده ـSyntax

imageObject.naturalHeight

‎مثال ـ نمايش اختلاف بين دو ويژگيheight و naturalHeight 

var x = document.getElementById("myImg").naturalHeight;
var y = document.getElementById("myImg").height;

--(go to editor for change code and run)

‎ويژگيImage naturalWidth

‎ويژگيImage naturalWidth مقدار ويژگيnaturalWidth يك عنصر‎<img>‎ مرتبط ‎باشئ تصوير را برگشت ميدهد .اين ويژگي عرض اصلي عنصر‎<img>‎ را مشخص ميكند. ‎اين ويژگي فقط حالت خواندني دارد.

‎مشابه همين ويژگي براي ارتفاع تصوير‎(naturalHegiht )‎ وجود دارد، كه ارتفاع اصلي ‎را مشخص ميكند.

‎مثال ـ برگشت عرض اصلي تصوير

var x = document.getElementById("myImg").naturalWidth;

--(go to editor for change code and run)

‎فرمت استفاده ـSyntax

imageObject.naturalWidth

‎مثال ـ نمايش اختلاف بين دو ويژگيwidth و naturalWidth 

var x = document.getElementById("myImg").naturalWidth;
var y = document.getElementById("myImg").width;

--(go to editor for change code and run)

‎ويژگيImage src

‎ويژگيImage src مقدار ويژگيsrc يك عنصر ‎<img>‎ مرتبط ‎باشئ تصوير را تنظيم ويا برگشت ميدهد .اين ويژگيurl عنصر‎<img>‎ را مشخص ميكند. ‎ويژگيsrc ضزوري و شامل آدرس و فايل تصوير ميباشد .

‎نكته ـ ويژگيsrc شئ ميتواند هر موقعي تغيير كند .اما در اين تغيير ، تصوير جديد ويژگي هاي ‎عرض وارتفاعش ، عرض وارتفاع اصلي‎(original) تصوير خواهد بود، مگر اينكه آنها هم ‎تغيير داده شود.

‎مثال ـ تغييرurl يك عنصر ‎<im>‎ 

document.getElementById("myImg").src = "hackanm.gif";

--(go to editor for change code and run)

‎فرمت برگشت ويژگي
imageObject.src

‎فرمت تنظيم ويژگي
imageObject.src= URL

‎مقادير ويژگي ـProperty Values

‎مقدار ‎شرح
URL ‎آدرسURL تصوير رامشخص ميكند
‎مقادير ممكن:
  • ‎يكurl مطلق ـ كه به سايت ديگري اشاره دارد .
    src="http://www.examplecom/default.gif"
  • ‎آدرسurl نسبي ـ اشاره به داخل سايت جاري دارد .
    src="default.gif"

‎مثال ـ برگشت آدرسurl تصوير 

var x = document.getElementById("myImg").src;

--(go to editor for change code and run)

‎ويژگيImage useMap

‎ويژگيImage useMap مقدار ويژگيuseMap يك عنصر‎<img>‎ مرتبط باشئ تصوير را تنظيم ‎ويا برگشت ميدهد .اين ويژگي يك تصوير را بعنوان يك تصوير ـ نقشه بانواحي قابل كليك سمت مشتري ‎مشخص ميكند.

‎ويژگيusemap با ويژگيname عنصر‎<map>‎ مرتبط است، ورابطه ا ي بين تصوير و ‎ونقشه ايجاد ميكند.

‎مثال ـ تنظيم ويژگيusemap 

document.getElementById("planets").useMap = "#planetmap";

--(go to editor for change code and run)

‎فرمت استفاده ـSyntax

‎فرمت برگشت ويژگي
imageObject.useMap

‎فرمت تنظيم ويژگي
imageObject.useMap=#mapname

‎مقادير ويژگي ـProperty Values

‎مقدار ‎شرح
#mapname ‎كراكتر هش‎(‎"#‎")‎ بدنبال نام عنصر ‎<map>‎ مورد استفاده

‎مثال ـ برگشت مقدار ويژگيusemap يك تصوير 

var x = document.getElementById("planets").useMap;

--(go to editor for change code and run)

‎ويژگيImage vspace

‎ويژگيImage vspace درHTML5 پشتيباني نميشود وبجاي آن از‎style.margin‎ ‎استفاده ميگردد .بهمين دليل اين ويژگي تشريح ميگردد.

‎ويژگيstyle.margin

‎شرح اين ويژگي را در لينك‎style.margin‎ ‎مطالعه نمائيد.

‎ويژگيImage width

‎ويژگيImage width مقدار ويژگيwidth يك عنصر ‎<img>‎ مرتبط باشئ تصوير را تنظيم ‎ويا برگشت ميدهد .مقدار اين ويژگي عرض تصوير را برحسب پيكسل مشخص ميكند.

‎مثال ـ عرض تصوير به‎‎"300px‎"‎ تبديل ميشود. 

document.getElementById("myImg").width = "300";

--(go to editor for change code and run)

‎فرمت استفاده ـSyntax

‎فرمت برگشت ويژگي
imageObject.width

‎فذمت تنظيم ويژگي
imageObject.width=pixels

‎مثال برگشت عرض يك تصوير

var x = document.getElementById("myImg").width;

--(go to editor for change code and run)

‎ياد آوري ـ در.صورتيكه دو ويژگي عرض وارتفاع با ويژگيstyle براي تصوير تعريف شوند، فرمت ‎برگشت آنها مطابق روال معمول است.

Previous >    <Next