изображение обект в JavaScript

Дизайнер на обекта на снимката почти никога не се използва (и това е класически). Методите той presentedin (наследени от обект Object), но нищо интересно само по себе си не представлява. Ето защо, в тази статия ще разгледаме най-важният обект в изображението - неговите свойства.

Преди да започне да се обработва снимката, която трябва да я създадете. Разбира се, създаването случва в HTML. толкова познато на маркера си:

Както можете да видите, достъп до изображението обект е много проста: първо pishitsya обект на документа. и след това имуществото си на името на обект файл (името ние определено в "името" на атрибута). В резултат на този скрипт, ще видите: "[обект HTMLImageElement]". Той е работил метод ToString (). но, въпреки това, да забрави това, което пише просто - това е тема за бъдещи членове.

ВНИМАНИЕ: Грижа трябва да бъде много важно правило: не се обърнем към това, което все още не съществува. Какво може да се направи извод от това? Много просто: докато изображението не е създадена, тя не може да бъде обработен. Това означава, че не може да го изпълняват, показано тук, преди изображението да се появи. По това много често naparyvayutsya новодошлите, така че не забравяйте, че преди да можете да използвате нещо, което трябва да започнете е да се създаде.

Сега отидете на имотите. Нека започнем с качествата на границата. Този имот е отговорен за размера на рамката около изображението. Разбира се, ние го може и да четат и пишат. Да променим размера на рамката на изображението:

document.write ( "Ширината на изображението -" + document.img.width + "
");
document.write ( "Image Височина -" + document.img.height);

Последната функция, която смятаме, че - това SRC. Този имот е отговорен за пътя до изображението. И нека да ви разрешат следния проблем: има снимка и един бутон. Когато кликнете върху картината ще се промени.

Сега аз ще ви обясни как работи този скрипт. Първо, ние се опише самата функция. Създава променлива флаг. Това е един флаг, който е включен чрез промяна на изображението. Тогава там е функция changeImage (). и който се занимава с промяната на изображението. Се възлага на пътя на изображението до изображението, което съответства на знамето. След промяната на изображението се промени, както и стойността на флага (това беше друго изображение следващия път). Извън формата на сценария е създаден само с едно кликване. Тук, обърнете внимание на атрибута "OnClick". Този атрибут е отговорен за обработката на събития "Натиснете бутона на мишката." Събитията ще бъдат обсъдени поотделно, но достатъчно, за да се разбере принципът. Стойността на функцията атрибут "OnClick" цена да бъде изпълнено чрез натискане на бутона. По този начин, ние и изображението се промени. Надявам се посочват ясно.

За да работи на изображението, то е необходимо да се посочи правилния път. Ако сценарият е на друго място (например в някоя папка), след това пътят ще бъде различен. И тъй като Java не е нищо в този сайт, той никога не е бил и е малко вероятно да бъде.

Здравейте, Майкъл! за смяна на изображения, когато се натисне. Как да превключат участвал в три картини. Искате да правите нещо с променлива знаме? добави условия?

Три по-сложно. Тук е по-добре да имаме масив с всички изображения и кликвания, за да дръпнем следващия елемент. Плюс това трябва да се съхранява в една глобална променлива е настоящият активен елемент (най-индекса в масива).

Можете да, но ако имате нужда от 10 изображения, мъка по този начин да се направи.

Път трябва да бъдат посочени роднина, и още повече, че без български герои и пространства.

Майкъл, кажи ми. Един обект е с имот фон изображение. Искам пътя до файла (URL) може да се настрои с промяната. Как да го направя? пътека = 'изображение / im1.jpg; document.getElementById ( 'IM1 ") style.background образ =' URL (път)" .; Този код не работи, тъй като изображението се търси път.

bacgkground изображение = път; - като този опит.