Bu yerni bosing!


CSS3-dagi modal video blok


Download 273.83 Kb.
bet9/10
Sana06.04.2023
Hajmi273.83 Kb.
#1331084
1   2   3   4   5   6   7   8   9   10
Bog'liq
Fotosurat uchun Javascript modal oynasi

5. CSS3-dagi modal video blok
Modal blokda, faqat CSS3 dan foydalangan holda, javascriptsiz videoni ko'rishni tashkil qilish mavzusi meni hayratda qoldiradi. Yo'q, modal oynada video chiqishi bilan hamma narsa tartibda, men oyna yopilganda videoni to'xtatish uchun etarli va qoniqarli echim topa olmayapman. Men bo'sh href \u003d "" atributiga ega bo'lgan havolani ahmoqlik bilan ishlatganman, ko'pgina hunarmandlarni tushimda bu kosher usulidan aylantirganman, ammo hali boshqa samarali va to'g'ri echimni topmadim.

Modal oynaning ichiga slayderni nafaqat rasmlar uchun, balki matn uchun ham o'rnatish mumkinmi, deb tez-tez so'rashardi. Nima uchun. Burjuaziya har jihatdan mos bo'lgan oddiy tarkibli rotatorni topdi, uni tayyor modal oyna bilan birlashtirish qoldi. Va oxirida nima bo'lganligi ma'lum bo'ldi :)). Mana, hamma narsa ijro etilishida juda oddiy.

7. Kontakt shaklini modal oynaga birlashtirish
Ko'pgina saytlarda pop-up aloqa shakllari, ro'yxatdan o'tish va kirish shakllaridan foydalaniladi. Eng oson yo'li - ish shaklini tayyor modal oynaga joylashtirish. Yuqorida keltirilgan modal oynaning har qanday versiyasida CSS3-da joylashtirilgan juda yaxshi shaklga ega, bu ikkala elementni bitta mexanizmga birlashtirish kifoya. Buni qanday qilish kerak? Taqdim etilgan darsda aynan shu narsa batafsil tavsiflangan.

Foydalanuvchilaringiz uchun har qanday sahifadan yoki bitta sayt (blog) postidan xabar yuborish uchun ajoyib imkoniyat bu alohida, modal aloqa shakli. PHP-ishlov beruvchini shaklga to'g'ri ulang, kerakli sahifaning asosiy qismiga joylashtiring va shu bilan siz vaqti-vaqti bilan pochta qutingizni tekshirishingiz kerak. Ushbu usul barcha zamonaviy brauzerlarda to'g'ri ishlaydi: Chrome, Firefox, Opera, Safari, shuningdek Internet Explorer-da, 9-versiyadan boshlab. Formaning o'zi CSS3 sehridan foydalangan holda modal funktsiyalar bilan ta'minlangan.

Lightbox - bu bir xil modal oynaning bir turi, aniqrog'i, ishlash printsipi deyarli bir xil, garchi u asosan kattalashtirilgan yoki to'liq o'lchamdagi rasmlarni ko'rish uchun ishlatilsa. Bir vaqtning o'zida men faqat CSS3-dan foydalangan holda Lightbox-ning ozmi-ko'pmi moslashuvchan versiyasini yopishga qaror qildim. Buning natijasi nima ekanligini misolga qarab bilib olishingiz mumkin va agar mavzu kiritilgan bo'lsa, darsni o'rganing. IE 8 va undan past darajadagi odatlangan foydalanuvchilar, afsuski, hech narsani ko'rmaydilar, usul: target pseudo-class dan foydalanishga asoslangan.


Download 273.83 Kb.

Do'stlaringiz bilan baham:
1   2   3   4   5   6   7   8   9   10




Ma'lumotlar bazasi mualliflik huquqi bilan himoyalangan ©fayllar.org 2024
ma'muriyatiga murojaat qiling