JQuery обръщане - ефект на обръщане на страница върху jquery
В тази статия ще използваме PHP и плъгина Turn.js за реализиране на чисти ефекти на обръщане на страници CSS3 и jQuery. Ще вземем най-популярните изображения от Instagram.com и ще създадем красиво списание.
На първо място, трябва да разберем основите на този пример. Ще използваме прост дизайн на страница, който съчетава HTML5 маркиране и PHP в един файл. Това ще улесни разбирането. Можете да видите изхода по-долу:
index.php
Тук включваме style.css в главата и javascript файловете отдолу. След това включваме още 3 js файла: библиотека jQuery, turn.js, script.js, в които ще инициализираме приставката и ще получим събития от клавиатурата. PHP кодът, който ще напишем малко по-късно, ще бъде изпълнен в блока div #magazine. PHP ще генерира страниците на нашето списание, които ще са необходими за turn.js.
Като пример можете да разгледате първите три страници от дневника, генериран с PHP:
Кодът, който видяхте, се съдържа изцяло в div #magazine. Това е единственото нещо, от което се нуждае opens.js. Не е необходимо да създавате специални класове или атрибути за дата за елементи, които ще бъдат интерпретирани в страници. На този етап сме готови да започнем да пишем PHP код.!
PHP ще се свърже с API на Intagram, кешира резултатите и ще генерира маркирането, което видяхте по-горе.