Задайте красива галерия към сайта си в 5 стъпки - корпоративен блог център на високите технологии

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

Така че, определени в галерията на сайта:

Запазване на файловете и thickbox.js jquery.js директорията / скрипт /, thickbox.css файла в директорията / CSS /, loadinganimation.gif файл в / I /
В /script/thickbox.js правилната линия на файлове

Var tb_pathToImage = "изображения / loadingAnimation.gif";

Var tb_pathToImage = "../i/loadingAnimation.gif";

В кода на страницата, където поставите фото галерия, преди етикета въведете:

Сгънете снимките, които ще бъдат показани в галерия в стоките / снимки / на. Не забравяйте, че т. За. Галерията е създадена за уеб, трябва да оптимизирате изображения за намаляване на техния размер. За удобство по-нататък картинката: image.jpg (голямо изображение) и S-image.jpg (снимка визуализация)

Кодовата поставете визуализация връзки към увеличените изображения, както следва:

Това е всичко. 5 лесни стъпки, за да помогнат да направите вашия сайт по-използваеми, модерна и привлекателна. Ако имате някакви въпроси, погледнете внимателно нашия пример.

както се случва така - екранът е тъмен, но снимките не са ...

Ако някой друг е интересно, аз имам (без колебание) и по този начин се получава (ток силно не победи):

в thickbox.js файл
1) замества низ
TB_imageCount = "фотография" + (TB_Counter + 1) + "от" + (TB_TempArray.length);
на TB_imageCount = "фотография" + (TB_Counter + 1) + "от" + (TB_TempArray.length-1);
брояч съответства на броя на изображенията, показани

2) чрез заместване на
$ ( "# TB_ImageOff") клик (tb_remove) .;
за
$ ( "# TB_ImageOff") клик (goNext) .;
не да се затвори при кликване и ще покаже следващото изображение.

В повечето HTML-ке:
след позоваването на последното изображение на галерията поставя в още една препратка към първото изображение на "дисплей: няма;" стил: