ПредишенСледващото

Както всичко, което вероятно вече видяхме, от голямо значение за всеки уеб сайт е графичното му дизайн. Към началната страница (това се отнася особено за момичетата) един от най-добрите варианти за попълване може да служи снимки. Начини за организиране на онлайн фото албум има безброй, като много от тях ние многократно заяви в предишни броеве на нашето списание. Днес ние ви предлагаме един от малкото начини за създаване на галерия.

Непрекъснатото слайдшоу.

Работна версия можете да видите тук.

Идеята е много проста. Ние създадете архив снимки на няколко изображения. Елементите на снимките архив [в] са имената на съответните файлове с изображения. С функция за scroll_image (), ние сме в състояние да се актуализира (с определена честота, в този случай, една секунда и половина) нашата галерия. Ако премахнете storchku п = 0, тогава ние няма да има примка показвани картини, т.е. Галерия ще бъде показано само веднъж. А какво ще стане, ако се намали времето за преминаване към следващата снимка от половина секунди до няколко десети?

Създаване на анимация, без да използвате добрата стара ГИФА.

Много уеб дизайнери са често възниква въпросът, какво да направите, ако използват GIF изображение е неудобно, а вие трябва да създадете анимация. Обикновено тези недостатъци се дължат на факта, че е много лошо Gif компреса фотографски изображения. Разбира се, вие често се намира на интернет Анимирани GIF-банери лошото качество в палитра от 32 или дори 16 цвята, в която е направен опит за прехвърляне на неподвижно изображение. Всичко, което искам да кажа, на създателите на тези банери, които биха били по-добре, ако те използвали JPG компресия, дори и да се жертва анимация. Често има много по-добро качество на JPG заемат място на диска е няколко пъти по-малко. Но, за съжаление, JPG, има един голям недостатък: не е възможно да се направи анимационен. За щастие, с помощта на Java Script, в частност, е, че сценарият, ще видите няколко реда по-горе, ние можем лесно да реши този проблем. За да направите това, просто трябва да се намали само време, за да се актуализира в галерията на няколко десетки милисекунди. Вие ще видите поредица от JPG-ите, актуализиран в размер GIF анимирани добре. Така че сега, с помощта на този скрипт, можете да направите на сайта си малки фотографски карикатури.

Работна версия можете да намерите тук.




Работна версия можете да видите тук.

За да запомните цифрите показват, че показва момента, когато бутонът е "пауза", беше избрана променливата сро е въведена. Важно е да се отбележи, че тази функция scroll_image път, когато се използва с параметър. Докато минаваше номера на изображението, в последователността. Когато този параметър е настроен на "-1", изпълнението на функцията престане, т. Е. В този шоуто завършва. Промени в функцията за писане scroll_image можете да видите, запазете страницата с план за работа.

Създаване на надписи за снимки.

Comm = нов Array ()
за (I = 0; и<3;i++)
Comm [Ь] = нов Image ();
ако (I == 0) комитет [Ь] = "изображение 1";
ако (I == 1) комитет [Ь] = "изображение 2";
ако (I == 2) комитет [Ь] = "Изображение 3";
>

Актуализиране на тази област ще използваме една и съща scroll_image функция. За тази цел е необходимо да се добави ред в:

Работна версия можете да видите тук.

По този начин за създаване на галерии намерени в интернет, не е много често, и да използват само Java Script за реализацията на един анимационен поредица от JPG-в - като цяло е рядкост. Първият метод се използва разумно, ако само заради причината, че тя не изисква преход към нова страница, която значително увеличава скоростта на сайта. Вторият позволява жизненоважно значение за повишаване на качеството на изображенията, когато размерът на файловете, анимирани GIF-еквивалент на по-ниско качество.

Подкрепете проекта - споделете линка, благодаря!