Ես օգտագործում եմ Fancybox3 որոշ պատկերներ ցուցադրելու համար և ուզում եմ տեքստ տեղադրել պատկերի վերևում: Սա աշխատում է, երբ ես խմբագրում եմ javascript ֆայլը հետևյալով.
testՍրանով ես տեքստ ունեմ իրական պատկերի վրա: Բայց այս տեքստը մեծ է, երբ Fancybox-ը մեծացնում և մեծացնում է պատկերը: Ինչու է դա տեղի ունենում, և կա՞ արդյոք դա լուծելու միջոց:
Ես ուզում եմ պարզ պատկերի ներբեռնման տեքստ նկարի վրա՝ նկարի տակի փոխարեն:
<div class="fancybox-image-wrap"><span class="test">test</span></div> պարզապես «փորձարկման» փոխարեն: 01.03.2019 Դուք կարող եք օգտագործել .fancybox-is-scaling դասի անունը՝ թաքցնելու ձեր տեքստը, երբ պատկերը մեծացնում է, ինչպես այս ցուցադրությունը - https://codepen.io/fancyapps/pen/ePYNZo:
Սցենարն օգտագործում է CSS transform: scale()՝ մեծացնելու համար՝ կատարողականությունը բարելավելու համար, բայց կողմնակի ազդեցությունն այն է, որ ամեն ինչ մեծանում է կոնտեյների ներսում:
.fancybox-is-scaling .fancybox-image, և ես երկուսն էլ չեմ տեսնում html կամ Javascript-ի օրինակում: Ես նույնիսկ չեմ կարող գտնել այն սկզբնաղբյուրում: Օրինակ կա, ես միայն չգիտեմ, թե ինչպես է դա աշխատում: Կներեք, բայց ես այնքան կիրթ չեմ, որքան դուք, երբ խոսքը վերաբերում է նման բաների կոդավորմանը: 02.03.2019