Галереялар үчүн 33 Jquery плагиндери, сиз буга чейин веб-сайтыңызга киргизе аласыз

мурр

Биз бир катар макалаларды көтөрүп жүрөбүз веб бөлүктөрүнүн жакшы топтомуна багытталган Бул сайттын арткы бетинде жашашы керек болгон код. HTML, CSS же JavaScriptтеги бул код биздин веб-сайтыбызда колдонуучунун тажрыйбасын түзүү үчүн керектүү нерселердин бардыгын камсыздай алат.

Бүгүн убакыт Галереялар үчүн 33 Jquery плагиндери Сиздин колуңузда аларды ишке ашыруу мүмкүнчүлүгү болот. jQuery - бул кайчылаш платформалуу JavaScript китепканасы жана ал HTML документтери менен өз ара аракеттенүү жолун жөнөкөйлөтүү жана AJAX техникасы сыяктуу башка өз ара аракеттенүү түрлөрү же анимацияларды иштеп чыгуу маанисине ээ. Аны менен баралы.

Magnific Popup

Керемет

Плагин jQuery үчүн тез, жеңил жана жооп берет CSS, шарттуу лайтбокс жана High-DPI Retina колдоосу менен камтылганы менен мүнөздөлөт.

Fancybox

Fancybox

JQuery lightbox сценарийи сүрөттөрдү, видеону жана башкаларды көрсөтүү үчүн иштелип чыккан. Бул сезимтал жана толугу менен өзгөрүлмө. Анимацияны мыкты аткаруу үчүн GPU ылдамдануусун колдонот.

Жарык галереясы

Жарык галереясы

Болууга арзый турган дагы бир плагин сезимтал, модулдук жана настройкаланган. HTML5 видеолорун, тармактык бөлүшүүнү жана анимацияланган эскиз сүрөттөрүн унутпаңыз.

Blueimp галереясы

Көк

Ыкчам видео жана сүрөт галереясы, сенсордук жана толугу менен настройкаланган. Ошондой эле серпүү функциялары же өткөөл эффекттери бар веб жана мобилдик телефондорго ылайыкташтырылган.

Серпүү кутучасы

серпип

Плагин "Lightbox" жумушчу стол, мобилдик телефон жана планшет үчүн мыкты. Башка өзгөчөлүктөрдөн тышкары, жаңсоолор, CSS өтүүлөрү жана көздүн тор кабыгы менен мүнөздөлөт.

Фоторама

Фоторама

Менен jQuery галереясы укмуштай таасир жана ал биз жөнөкөй жана чоң потенциал менен атаган нерселерди колдонот.

Chocolat

Chocolat

Chocolat.js кам көрөт сайтта бир же бир нече сүрөттөрдү активдештирүү ошол эле бетте калат.

Негизделген галерея

Негизделген галерея

Түзүү мүмкүнчүлүгүнө ээ болгон дагы бир плагин "негизделген" торчосу бар галерея.

Fresco

Fresco

Un сонун жооп берүүчү лайтбокс жана аны колдонуп, каалаган өлчөмдө мыкты иштеген үстүңкү катмарларды жаратууга болот.

JBOX

jBox

jBox сүрөт галереясын түзүүгө жооптуу дагы бир jQuery плагини жеңил, жайылтылган жана сезимтал.

Photoset Grid

Photoset

Дагы бир jQuery плагини сүрөттөрдү ийкемдүү тармакка жеткирүү жана ал Tumblr сүрөт топтомуна негизделген.

Justified.js

актады

Бул түзүү үчүн жооптуу "негизделген" сүрөттөрдүн торчосу жана бардык мейкиндиктерди толтурууга жөндөмдүү экендиги.

Наногаллерея

Наногаллерея

Una жөнөкөйлөтүлгөн сүрөт галереясы биз издеп жаткан бардык өзгөчөлүктөр менен, мисалы, сезгич, тийүү, тор жана булут сактагычты колдоо.

Жөнөкөй кутуча

Жөнөкөй lightbox

Lightbox галереясы jQuery орнотулган рабочий жана мобилдик үчүн сиз издеп жаткан функциялардын бардыгы: сезгич, тийүү жаңсоолору жана башкалар.

S галереясы

S галереясы

Галерея CSS анимациялары менен жооп берет жана серпүү жана тийүү жаңсоолорун колдоо.

Галереяны бириктирүү

Unite

Жооптуу jQuery видео жана сүрөт галереясы плагини, дээрлик деп айтууга болот өз категориясындагы мыктылардын бири. Видеого окшош ар кандай функцияларга жана колдоолорго милдеттүү.

Gridder

Gridder

Кам көргөн плагин кичинекей сүрөттөрдүн торчосун көрсөтүү Google сүрөттөрүндө байкалгандай эффект менен алдын-ала көрүүдө кеңейет.

Сүрөттөрдү аралаштыруу

аралаштыруу

Бул менен мүнөздөлөт курсорду жылдыруу менен сүрөттөрдү көрсөтүү алардын айланасында, ошондой эле аларды "активдештирүүнүн" башка жолдору.

jQuery Fleximages

Flex сүрөттөрү

Көптөгөн галереяларды түзүү үчүн мыкты плагин Google же Flickr менен окшоштуктары, сүрөткө тартуу веб-сайттарынын бири эң мыкты.

Наногалерия 2

nano gallery 2

Түзүү үчүн JavaScript китепканасы жогорку сапаттагы жана учурдагы галереялар Дизайнында. Вебсайт же блог өзү үчүн идеалдуу. Бардык мүнөздөмөлөрүн билүү үчүн, алардын веб-сайтына баш багыңыз

Салмактуу галерея

салмактуу

Бул галерея кам көрөт бардык сүрөттөрдү бирдей таркатуу Интернетте бар. Сүрөттөр демейки контейнер масштабына негизделген. Респоснивдик сайттар үчүн мыкты галерея.

Bootstrap Сүрөт галереясы

жүктөгүч

Бул плагин кам көрөт автоматтык түрдө галерея түзүү сүрөттөрдүн туш келди тизмесине негизделген.

Lightbox Responsive

Жооп берүүчү лайтбокс

JQuery lightbox плагини аз салмагы жана жооптуу сүрөттөр менен.

PGWSlideshow

PWG

Un карусель плагини (бул жерде алардын мыкты тизмеси бар) ошондой эле галерея жана jQuery жана Zepto үчүн slidwshow.

Сүрөт Lightbox

Жооп берүүчү лайтбокс

Un Lightbox сүрөттөрү үчүн JavaScript плагини сенсордук колдоо менен.

JGallery

Галерея

JQuery сүрөт галереясы толугу менен акысыз альбомдору жана жүктөгүч менен.

Фотор

Фотор

Una минималисттик сүрөт галереясы эч кимди кайдыгер калтырбай турган тийүү колдоосу менен.

Photopile JS

Фотопиле

Биз сүрөттөр галереясына туш болуп жатабыз чачыранды сүрөттөрдүн топтомун окшоштурат бетинде Ал JavaScript / jQueryде жасалган. Сүрөттөрдү стектен алып салуу үчүн аларды чыкылдатыңыз.

Snapgallery.js

Snapgallery

Жооптуу галереялар сиз аз күч менен түзө аласыз.

Галереяны которуу

салдыруу

Түзүүнү баштаңыз 3D галереясы JS чалуу менен.

Эластикалык jquery тор

ийкемдүү

Una жарык галереясы жана Google сүрөт издөөсүнөн алынган колдонуучуга ыңгайлуу. Алдын ала көрүү менен эскиз сүрөттөрүнүн торун колдонуңуз.

XZOOM

xZoom

Менен сүрөт галереясы jQuery масштабы. Тизмедеги эң актуалдуу тизмелердин бири.

SWAPPINGWALL.jQuery

Алмашуу

Un абдан жөнөкөй jQuery плагини жана элементтерди туш келди алмаштырган анимациялары бар дубал галереясын түзүүгө жөндөмдүү экендиги. Колдонууга оңой.


Макаланын мазмуну биздин принциптерге карманат редакциялык этика. Ката жөнүндө кабарлоо үчүн чыкылдатыңыз бул жерде.

Комментарий, өзүңүз калтырыңыз

Комментарий калтырыңыз

Сиздин электрондук почта дареги жарыяланбайт. Милдеттүү талаалар менен белгиленет *

*

*

  1. Маалыматтар үчүн жооптуу: Мигель Анхель Гатан
  2. Маалыматтын максаты: СПАМды көзөмөлдөө, комментарийлерди башкаруу.
  3. Мыйзамдуулук: Сиздин макулдугуңуз
  4. Маалыматтарды берүү: Маалыматтар үчүнчү жактарга юридикалык милдеттенмелерден тышкары билдирилбейт.
  5. Маалыматтарды сактоо: Occentus Networks (ЕС) тарабынан уюштурулган маалыматтар базасы
  6. Укуктар: Каалаган убакта маалыматыңызды чектеп, калыбына келтирип жана жок кыла аласыз.

  1.   Claudia ал мындай деди:

    Салам: Мен YouTube'дан эмес, ВИДЕОЛОРДУН ВИДЕОЛОРУНУН лайтбокс галереясын жасоону көздөп жатам, бирок аларды жеке компьютеримде сактап койдум. Кыймыл менен эскиз тартууну көздөп жатам, видеону чыкылдатсам, ал лайтбоксто же калкып чыкчу терезеде ачылат, кантип билбейм. Рахмат