Изображения и динамичен HTML
изображение обект
Една от целите, които се съдържат в документа, е обект на изображението. За съжаление, този механизъм не се поддържа от всички браузъри, контролни скриптове. Повечето стари версии на браузъри, които все още работят с такива обекти са NN3 и IE4. Ето защо, всичко, което е описано в тази глава не се прилага, когато се използва NN2 (всички платформи) и IE3 (за Windows). Ако е така, можете да използвате специално намалена в този случай кодът, който трябва да бъде поставен в страницата, за да се избегнат грешки при работа с по-стари версии на браузъри.
Въпреки че, честно казано, тези ветераните в мрежата има много малко. А те, според мен, може да бъде пренебрегната.
Тъй като документ може да съдържа повече от едно изображение, обектът справка изображение в обектния модел на документа са представени като масив включени в документа за обект. Поради това, можете да се обърнете към изображението или индекса в масива, или по име. Освен това, индексът на масив може да бъде низ версия на заглавието снимката. Ето защо, всичко, което е написано по-долу, е приемлив начин да се определи връзки:
променлив образ
Предимството от използването на контролирани сценарии изображения на обекти е, че сценарият може да промени изображенията вече заема правоъгълна област на страницата. В браузъри IE4 NN6 + + и дори може да промените размера на тези изображения, отговарящи за изпълнението на останалата част от потока на съдържанието на страницата.
Предварително зареждане на изображения
Изтегляне на снимки от уеб-сървър може да отнеме известно време. Ако страницата е организирана така, че в отговор на снимката действията на потребителя за смяна на страниците, е желателно, че скоростта на тези сделки е не по-ниска, отколкото в други медийни програми. Ако потребителят ще трябва да чака дълго време, докато изображението се променя, че е малко вероятно да получите от него поне малко забавление.
За да изтеглите снимките, трябва да се създаде обект с памет в изображението. Изображението на обект, създаден в памет, в някои отношения се различава от картинката предмет на документ, създаден с помощта описания . Тези обекти, които създават сценарий и са поставени само в паметта, страницата не се показва изобщо. Но тяхното присъствие в кода на документа води до факта, че когато страницата се зарежда изображението ще бъде зареден. Моделът на обект е функция на дизайн, обект на изображението. които могат да бъдат използвани за създаване на изображение памет на обекта, както е показано по-долу.
Промяна на изображения в документ, по същия начин.
Обявата 7.1 е доста прост пример описание страница, която използва дескриптор както и списък от възможности за избор, като ви дава възможност да преместите изображението в документа на мястото на един от четиримата са били добавени в кеша на браузъра (в това число на оригиналното изображение е описана в дескриптора.
Обявата 7.1. Precache изображения
Създаване на прехвърляния
Най-лесният начин за увеличаване на привлекателността на страницата е да се използва преобръщания, променя външния му вид, когато задържите курсора на мишката върху тях. Степента на зареждане, докато промяна на изображение е единствено въпрос на вкус. Ефектът може да бъде трудно видими - светлина осветление или избор на първоначалните граници на изображението, или изключително радикална - пълна промяна на цветовата схема. Който и вариант да бъде избран, написването на сценария ще има все същата.
Ако някои от тези бутони са комбинирани в една група, е удобно да се осигури такава структура в паметта като масив от графичните обекти с подходящ опции номериране и наименованието, необходимо за контрол на масив. Обява 7.2 показва пример за подредени масиви от четири бутона за управление. Показания на Обява код се използва в рамките на прилагането извършване на изпомпване на изображения. Това е една от най-сложните и дълги потребители в курс за обучение, така че се изисква някакво обяснение. Тези обяснения ще бъдат задвижвани директно по време на включването на дисплея.
Обявата 7.2. смяна на изображения
Само браузъри, които работят с образа на даден обект право да си свалите снимки в кеш паметта. Следователно, всички съответната последователност съхранява вътре ако структура. в условен израз, който проверява за document.images масив. При по-старите версии на браузъри, тази стойност не може да се определи, че отговаря на стойността невярно, когато проверява дали условията в устройството.
Качване на снимки в паметта започва със създаването на две решетки от снимки на обекти. В един масив съдържа информация за изображенията, използвани за бутоните в неактивно състояние (изключен). В друг образ, съдържащ активните бутони (на състояние). В тези масиви, като индекси се използват вместо числа линия. име String съответстват на имената, които са възложени на видима графични обекти, чиито описания са дадени в кода по-долу. В този случай, кодът е по-лесно да се чете. Например, offImgArray запис [ "игра"] съвсем ясно дава да се разбере защо има този елемент. Както може да се види от по-нататъшно малката обява, помпени изображенията не са в противоречие с други модели, показани на страницата (това е възможно, ако връзката на показаните изображения само числови индекси се използват за изпомпване).
След създаването на масив и възлагане на първите си четири елемента на новите празни изображения на обекти, елементите на този масив се движат отново, за да посочи в SRC собственост на всеки обект извършва в множество начини за графични файлове. Съответният ред код изпълнява, когато страницата е заредена, така че веднага да пристъпи, за да заредите изображенията в съответната област на кеш паметта.
Както се вижда от следния фрагмент от HTML-код, когато потребителят витае показалеца на мишката върху някой от показаните графични обекти в документа, събитието поставяне на показалеца (документ обект) ще предизвика Imageon (функция). минаваща го на името на конкретен образ. Imageon () функция използва това име, за да синхронизирате записите document.images масив (екранен образ), както и множество по-памет образ на бутоните активните onImgArray. Src собственост на елементите на масива се възлага на съответните свойства на документ SRC изображение.
За същото се случва, когато използвате събитията onMouseOut. което се превежда по-голям "OFF" държава, която използва функция imageOff () с една и съща стойност на индекса, като параметър.
В този пример, контролни функции по-долу, не се използват, но все пак те съдържат празни оператори. Това се прави, за да функционира улов на всички обаждания, направени с активирането на връзки, сочещи към изображение.
Всяко изображение е заобиколен от референтния обект. Тъй като вие трябва да направите, защото позоваването на обекта е със събития, за които се изискват, за да зададете отговор на скрипта отговор на потребителското манипулация на мишката, тъй като тя дава възможност да се запази съвместимостта на документа с NN3. Всяко събитие предизвиква функцията за поставяне на показалеца Imageon (). преминаване по името пейджъра образ на обекта. Тъй като и поставяне на показалеца и onMouseOut трябва да използвате върне вярно изразяване. процеса, за да се стартира, вторият setMsg извикване на функция () е комбиниран с изискването да се върне вярно. setMsg () функция винаги се връща истина. и наличието на ключова дума за връщане преди да се обадите на тази функция осигурява желания резултат. То просто намалява количеството на код, и това е всичко,
трябва да следи отблизо въвеждането на тази обява и след това да го използвате, за да се гарантира, че всеки се справя <А> заедно с всичките му атрибути се намира в един и същи ред.
За да се види изпълнението на тази много дълъг сценарий, направи съответните бутони на техните собствени. Когато сте готови, да направи (ако е необходимо) необходимите промени в сценария. Обява-добре е да се представите. Само тогава можем да усетите очарованието на създаване на скрипт.
Повече динамика в HTML
Технологията на изображението обекти суап е само предварителен запознаване с развитието, които сега са на разположение в динамичен HTML (Dynamic HTML или DHTML). В браузъри IE4 + и NN6 + има способността да прави промени в стила и съдържанието на HTML елемент. Цялото съдържание, могат буквално да "разклаща крака" на страницата.
За причината, че в продължение на много години, Microsoft и Netscape използват коренно различни подходи за развитието на обектния модел на документа, само в браузъри IE5 и NN6, поради преминаването към стандарта W3C DOM, стана възможно да се използва един и същ DHTML кода на скрипта и при двата вида браузъри. Дори и така, IE5 и IE5.5 не поддържа стандарта W3C DOM до такава степен, че той прави NN6. Ако желаната аудитория, която проектиран сценария използва едни и IE, можете да използвате опция, която ви позволява да изпълнява обект модела на Microsoft, съвместим с браузъри надолу към IE4 (с изключение на някои проблеми със съвместимостта за IE4 в Macintosh).
Така завършва последния урок (този урок!) На това ръководство. Ако добросъвестно изучава всичко, което е било дадено по-горе, и старателно приложи предложената ред код, сте готови да, да се потопите стремително в написването на сценария. Разбира се, основите, която дадох на справочните страници не е достатъчно, за да бъдат продуктивни, но обещавам, че в близко бъдеще информацията за справка-тип и публикуват отделни статии. Всичко това ще ви помогне повече от веднъж.
На добър час!
Свързани статии