Одговарајуће слике постале су једноставне уз РеспонсифиЈС

Модерна мрежа треба да буде 100% одговорна и нове библиотеке то чине све могуће.

Са бесплатним додатцима, као што је РеспонсифиЈС, још је лакше да ваше веб странице раде на свим уређајима. Ово фрее јКуери плугин узима контејнер слика и динамички их преуређује на основу различитих величина екрана.

Од различитих контејнера држите слике другачије, могу да се мењају на веома чудне начине. Понекад ћете имати фотографије људи и њихова лица ће бити одсечена када се промене на мобилном телефону.

Плугин Респонсифи је направљен да реши овај проблем. Може радити аутоматски, али права магија лежи у њој дефинисање сопственог подручја фокуса на слици.

Користи се унутрашњи систем децималних описа да пронађе где би требало да буде фокус слике. На пример, можете дефинишите позиције као такав дата-фоцус-топ која “блокови у” одређени сегмент слике.

Ове податке је потребно донијети у облику децимала, на пример, .5 децимални циљ има 50% слике (лево / десно или горе / доле). Наравно, ово је прилично збуњујуће. Али, постоји бесплатна апликација за Респонсифи који вам дозвољава израчунајте позиције динамички у вашем претраживачу.

Само пренесите слику, одредите подручје фокуса, а затим копирајте / налепите код слике на своју веб локацију. Плугин Респонсифи ће имати све податке који су му потребни за исправну промену величине слике на мањим екранима.

Можете их наћи ливе демо линкс у ГитХуб репо-у, укључујући исјечке кода да копирате / залијепите на вашу веб-локацију.

Овај додатак није савршено решење за сваки пројекат. Понекад ћете желим слике за промену величине без фиксних области фокуса. Али, ако користите зидне решетке са јКуери не боли да додате РеспонсифиЈС на ваш стацк.

Да бисте сазнали више, посјетите почетну страницу додатка за приказ уживо, везу за преузимање и потпуни водич за постављање.