Какво е JQuery и JQuery плъгини и как да ги прилага към сайта

Поздравления, вие, скъпи читатели на блога. В този слънчев и студен ден бих искал да споделя знанията си за тази вълнуваща концепция като JQuery. И какво е това такава ужасна дума. -) аз кажа веднага, че аз не пиша тези скриптове и естествено вие това няма да се научи, че просто искате да се даде определение на това понятие, както и да ви кажа как да го прилагат на сайта, какво да се яде, и също като него, така да се каже, да завърже на ресурса.

Наталия е напълно прав, моя блог е посветен на по принцип JQuery и JQuery плъгини, но какво и как да се използват тези добавки на сайтове, не пиша nirazu. Уважаеми читатели, прости ми :-) Аз ще се коригира, честен :-)

Добре, нека да не отвлича от този въпрос, нека да преминем по-близо до точката. Аз ще даде обща концепция, която е JQuery.

JQuery плъгини

JQuery плъгини - готов скриптове, плюс HTML и CSS, които просто трябва да изтеглите и да приложат към ресурса. Плъзгачи, галерии, всички видове изскачащи съвети, гладка прозрачност. менюта на няколко нива и т.н. Списъкът може да бъде безкраен. Както се оказва, за да прикрепите завършен сценария не е толкова лесно, особено ако никога не са имали това.

За да стане по-ясен, ще отдавам приставка към страницата, като пример, защото примерът винаги е ясно.

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

Това е всичко, първата стъпка се прави :-)

Например, аз исках да се прикрепят към Вашия сайт, който е толкова интересни и красиви снимки с готини анимации:

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

Както можете да видите Имам три папки с изображения, стилове и самия скрипт, както и три примера index.html. В този случай, ние ще го използвам.

След това отворете първия пример, например, в операта, тогава ние трябва да погледнем в сорс кода на самата страница, в една и съща натиснете десния бутон на мишката и изберете изходния код. и неговия пример прикачите галерия на уебсайта си. Като цяло, ние гледаме на това как се прави, а също така направи, за да себе си.

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

Важни точки в настоящия пример.

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

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

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

А сега нека да видим какво имам. Напомням ви, че Аз създадох нова страница и закрепен в галерията. Това е все едно:

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

Александър, вие имате право на цял един свят propiarili)) Благодаря ви за милите думи!
Велик пост, благодаря, вече много по-ясна.
Но един куп въпроси:
1. Защо всички други папки? Аз разбирам, че вие ​​показахте, по пътя на най-малкото съпротивление, а ако исках да използвам тези папки за други цели? Как тогава? (А темата за нов пост)
2. В изходния код, доколкото разбирам, събрани парчета код, които трябва да се вгради в блог на различни места (в Hyder, CSS, и на място, където няма да има елемент) не е тя?
3. Ако искам да вмъкнете елемент не е на отделна страница, както и по-голямата си точно под капачката, че къде да поставите (на vordprsess)?
Благодаря предварително. Вие много любезно, създаден по тези блогове удоволствие да прекарват времето си))

Здравейте, Натали.
1.Papka JS - там е скрипт, CSS - когато всички стилове, изображения - изображения.
Толкова е лесно да се направи, че е по-удобно, като че ли всичко е изложени на рафтовете. Те могат да се създадат за себе си, най-важното, че линкове към тези файлове са правилни
2.Tut всичко е наред, но отново повтарям навсякъде всичко по различен начин.
3. Възможно е в header.php или index.php. Ако header.php след това след маркера въпреки че има нужда да се опита да замести. Бих посъветвал да index.php след тази линия и, отново, трябва да се опита да замени Толи Толи при горна граница на капачката. Ето това е трудно да се обясни, защото темите са винаги различен код.
Наталия, още веднъж ви благодаря :-)

Чудесно! Колкото и да съм в този сайт, никога не съм забелязал никакви отрицателни подробности. Бях много доволен от сайта и неговата среда прави отида при него отново и отново. Прекрасен сайт.

Денис, благодаря ти за тези думи. Винаги щастлив :-)

Бих посъветвал да index.php след тази линия
Ето къде да сложа в вчера и нищо не се случи))) Всъщност, това е, което се е случило: лентата с моите снимки са излюпени, но тя не се движи, се намира в долната част на повечето капачки и останалата част от блога не е)))
Аз ще се опитам отново днес)
Тогава ви кажа кога ще)

Denis, че е трудно да не се съглася с вас! Атмосфера - наистина е невероятно! Обикновено в такива технологични блогове са много умни, че е ужасно, и ги помолете))
Но ето една подробност все още е - няма абонамент по пощата. Александър, чакам))
Между другото, имате две нов абонат, поздравления!

Наталия, така че изгубеното кода яде, че не го е затворило, и го постави по този начин създава конфликт. Като цяло, трябва да се опита и да видите пример за където всичко работи добре