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

JQuery плъгин за по-големи снимки онлайн

Почти всички сайтове да публикуват снимки или изображения, не винаги е препоръчително да ги отстрани в пълен размер. Който се намира на миниатюри, и да го докоснете, за да видите изображението в пълен размер. За да увеличите картината, като кликнете употреба готови решения - JQuery библиотеката и плъгин «КолорБокс на задачите». Освен това, един пример за използване на плъгин «lazyload».

Не да се търси отделна приставка за сваляне предлагат всичко в един архив. Не забравяйте обаче, по време на четенето на статията може да се появи нова версия. Можете да ги търсите в Интернет - те besplatnymy. Архивираните версии на следните документи:

«КолорБокс» е отговорен за увеличаване на изображението и неговото проектиране. За това има пет в архива. «Lazy Load» е предназначен за въвеждане на изображения, само когато те се показват на екрана. Това ускорява на времето за зареждане и да се намали натоварването на уеб сървъра. Увеличението ще работи без него. Библиотека «JQuery» в презентацията, надявам се, не е необходимо.

JQuery плъгин за по-големи снимки онлайн
JQuery плъгин за по-големи снимки онлайн

Свързване библиотеки и плъгини

За да се свържете сваляне на файлове, разархивирайте и го качете на сайта. След това, в кода на сайта (например, преди тялото на затваряне) поставете кода:

«КолорБокс» може да се нарече с параметри. За извеждане на изображението мащабирани до размера на екрана, посочете процентите за максималната ширина и височина. Можете също така да настроите прозрачността на фона, на формата на надписа под изображението и др.

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

Точките на линк към пълния път на изображението и етикет «IMG» - миниатюрен. Ако всичко е направено правилно, тя трябва да работи.

Какво става, ако не работи:

  • Потвърждаване на пътеките за плъгини;
  • Уверете се, че библиотеката е свързан JQuery веднъж;
  • Опитайте да намерите най-новата версия на JQuery плъгини и библиотеки;
  • Може би, приставката няма да работи в CMS Joomla, защото тя често е в противоречие с рамка JQuery Mootools.

Hang откритие «КолорБокс» прозорец със снимка за всеки случай

Понякога трябва да се отвори изскачащ прозорец «КолорБокс» не, когато кликнете върху изображението и когато щракнете върху текстова връзка, или когато мишката върху конкретен елемент сайт. Всичко това може да стане чрез директна препратка към приставката с «HREF» параметър.

Свързани статии

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