Уградите анимиране ГИФ-ове попут Фацебоока помоћу јкГифПревиев

Твиттер и Фацебоок имају много људи дељење анимираних ГИФ-ова дневно. Ако су сви они аутоматски репродуковани, могли би бити грозни у фееду.

Обе мреже ово заобилазе са а функција "кликни за преглед" за све ГИФ-ове. Ово омогућава кориснику да изабере које анимације желе да виде одабиром када покренути / зауставити анимацију.

Са јкГифПревиев плугин, ту исту функционалност можете донијети и на своју веб-локацију.

Ово фрее јКуери плугин ради на свим ГИФ-овима на страници, или може посебно да циља било коју коју желите. То је фантастичан ресурс, али треба мало времена да се постави.

Паузирани ГИФ је стварно праведан један оквир анимације, приказане на страници.

Нажалост, овај додатак не аутоматски повлачи статичку слику из ГИФ-а за тебе. Али, то можете постићи користећи ПХП или било који други позадински језик, тако да са мало кода, то може бити аутоматизовано.

Овај додатак користи атрибут дата * похраните локацију ГИФ слике. Када корисник кликне на слику, аутоматски ће се учитати у срц атрибут слике и бити приказан на екрану.

Једноставан, ефективан и дефинитивно уредан ефекат! Све што вам је потребно су ЦСС / ЈС датотеке за овај додатак које можете повуците директно из ГитХуб-а. И наравно, ви ћете потребна копија јКуери, такође.

Одатле постављате слику на следећи начин:

Главни срц аттрибуте схоулд садрже статичну слику. Можете да направите скрипту да бисте је генерисали или можете ручно да уредите и пренесете статички снимак за сваки ГИФ.

Тхе дата-гиф аттрибуте држи прави анимирани ГИФ и замениће клик на вама циљајте главну класу слике (у овом случају, то је .миИмг). Сада, све што вам је потребно је једна линија јКуери-а да би све радило:

 $ (". миИмг"). јкГифПревиев (); 

Дефинитивно, један од најбољих јКуери плугина које сам видио овог мјесеца и прилично је лако поставити.

Више можете сазнати ако посјетите ГитХуб страница а ту је и а ливе демо превиев хостован на веб локацији програмера.