Како зумирати слике као Медиум
Платформа за блогове Медиум користи а ефекат прилагођавања зумирања слике на њиховим страницама на блогу. Кад год корисник кликне на слику, аутоматски ће зумирати у већу величину.
То је велики ефекат и свакако јединствен за Медиум, али никада није био нешто што би се лако могло копирати.
Сада, са МедиумЛигхтбок скрипта, лакше је него икад. Овај ЈС скрипт је лаган и једноставан за додавање на било који веб сајт или блог.
Ако желите да видите како ово функционише, можете посјетити демо страницу уживо домаћин креатор Давиде Цалигнано.
Провео је неко време док је забијао тачан прелаз и ефекат прилагођене анимације направите зрцалну слику зумирања Медиума. Цела библиотека је написан у чистом ЈаваСцрипт-у, тако да се не ослања на било које 3рд партијске скрипте као што је јКуери.
Морат ћете знати малог ЈС-а да га поставите, али сигурно не морате бити стручњак.
Свака слика може потрајати дата- * атрибути за подешавање висине и ширине у пуној величини, а све су то извукао се динамички са плугин-а за лигхтбок. Код за подешавање је веома једноставан и може циљајте саме слике, или контејнери као што су
Ево јединог исјечка кода који вам је потребан за покретање додатка:
МедиумЛигхтбок ('фигуре.зоом-ефект'); Унутар функције, ви ћете прођите селектор за све елементе (нпр. .ефект зумирања класа. Ова класа је посебно дефинисани у стилском стилу МедиумЛигхтбок, тако да је најбоље користити и то на вашој страници.
И, када се једном постави, спремни сте!
У области садржаја странице можете да замотате све слике у
Да бисте преузели копију овог скрипта и почели са радом, посетите главни ГитХуб репо. Овде ћете такође наћи документацију заједно са исјечцима кода можете копирати да бисте се брзо поставили.
