Изображението на обект

Изображения на страница

За съжаление, следите индекс на всички снимки може да се окаже трудно, особено ако на същата страница, вие сте много. Този проблем е решен с назначаването на изображенията на собствените им имена. Така че, ако декларират изображение с маркер

след това можете да се свържете с него, като напишете

Зареждане на нови изображения

Тук зареден img1.gif образ и получава myImage име. Следващият ред img1.gif предишното изображение се заменя с нов по-дълго - img2.gif.

С този нов образ винаги има един и същ размер, който беше в старите. И не можете да променяте размера на областта, в която се намира на изображението.

Предварително зареждане на изображението

Но сега като изображението е незабавно отстранени от кеша и показва на екрана. По този начин, в момента сме успели да презареждат на изображението.

Разбира браузъра трябва да има време завърши предварителното натоварване за да може да показва изображение незабавно. Ето защо, ако имате нужда да заредят предварително голям брой изображения, тя може да се забави, тъй като браузърът е зает натоварване на всички изображения. Винаги трябва да се вземе предвид скоростта на интернет връзки - няма да се изтеглят изображения по-бързо, ако използвате кода от картинката. Ние просто се опитвам да качите изображение малко по-рано - така че потребителят да може да ги види по-рано. В резултат на това целият процес отиде по-гладко.

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

Изходния код на този пример е, както следва:

Този скрипт, за да запази своята гъвкавост, трябва да следвате следните две условия:
  • Неопределен брой изображения - не трябвало да има значение колко те използват, 10 или 100
  • Неопределен заповед на изображения следват - това трябва да е възможно да се промени тази процедура, без да променя самия код
Нека да видим кода на работното място:

Този скрипт поставя всички изображения в снимки масив. Създава функция масив пренатоварването на (), който се нарича още в самото начало. Call натоварването () функция изглежда така:

Това означава, че скриптът трябва да се зарежда двете изображения от сървъра: img1f.gif и img1t.gif. Първият от тях - това е образът, който ще бъде представен, а показалеца на мишката не е вътре в областта на снимката. Когато потребителят поставя курсора на мишката върху снимката, тя става втора снимка. При активиране на функцията се нарича предварително зареждане () като първи аргумент, посочено от нас думата "link1", и по този начин да зададете на уеб-страницата на обект на изображението, която ще бъде собственост на две предварително заредени изображения. Ако се вгледате в нашия пример в раздел , вие ще откриете изображение с едно и също име на link1. Ние не използваме сериен номер и името на картинката, за да бъде в състояние да подредите снимките на уеб-страницата, без да променя себе си сценария.

И двете функции на () и OFF () са причинени от събития, работещи с поставяне на показалеца и onMouseOut. Както картинката себе си не може да реагира на събитията на курсора на мишката е извън него, тогава ние трябва да направим тези образи дори и връзки.

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