Bu yerni bosing!

Yoki bu sizga qiziq bo'lishi mumkin:
Qo'shimchalar:
Ko'pincha, hatto juda tez-tez, menga modni yopishda videoni ijro etishni qanday qilib to'g'ri to'xtatish kerakligi haqida savol beriladi. oyna. Modali oyna yopilganda, demodagi video ijro etishni to'xtatadi. Namoyishda men oynani yopish tugmasi uchun onclick hodisasidan foydalanardim, havolada demo sahifasining manzilini ko'rsatdim, ya'ni. video oynasi joylashgan sahifa:
Siz shunchaki bo'sh href \u003d "" atributiga ega bo'lgan havoladan foydalanishingiz mumkin, har ikkala holatda ham sahifa qayta yuklanadi va shunga ko'ra oyna yopiladi va video to'xtaydi, tayoq hali ham bir xil, albatta, ammo ayni paytda javascriptsiz yana bir samarali va to'g'ri echim Men yo'q.

< script type= "text/javascript" src= "http://www.youtube.com/player_api">

JavaScript API-dan foydalanib, JavaScript kodi yordamida Chromeless Player va o'rnatilgan YouTube pleerini boshqarishingiz mumkin. O'rnatilgan videoga ega modal blokimiz uchun js bajarilishi quyidagicha bo'ladi:

< script> var player; onYouTubePlayerAPIReady () funktsiyasi (pleer \u003d yangi YT. Player ("player");) $ ("# stop"). bosing (function () (player.stopVideo ()))

Id \u003d "stop" tugmachasini bosganingizda funktsiya chaqiriladi, oyna yopiladi va video ijro etilishi to'xtaydi.
Biroq, boshqa video xizmatlar uchun va daf bilan raqslar boshqacha bo'lishini tushunish kerak))). Garchi har doim ham tanlov mavjud bo'lsa - bu tayyor ixtisoslashgan plaginlardan foydalanish.
Rus tilida so'zlashadigan mamlakatlarda yashovchi veb-dizaynerlar va tadbirkorlar nafaqat ingliz tilidagi shablonlardan foydalanishni xohlashlari mumkin. Shuningdek, ular rus tilidagi tayyor echimlar to'plamlaridan foydalanishni xohlashadi. Shuning uchun biz sizning e'tiboringizni TemplateMonster bozorida taqdim etilgan eng yangi bo'limga qaratmoqchimiz. Shuni aytib o'tish joizki, har bir shablon uchun matn qo'lda yozilgan. Bundan tashqari, ta'sirchan onlayn loyihani yaratish uchun g'ayritabiiy kodlash bo'yicha bilimga ega bo'lishingiz shart emas.
Hurmat bilan, Endryu
Hammaga salom. Kuni kecha blog statistikasini sinchkovlik bilan ko'rib chiqdim va modal oynalarni yaratish misollari bizning Internet-ishchilarimiz uchun ko'proq qiziqish uyg'otdi. Eng mashhur echimlar pop-up oynalarni JavaScript-ni ishlatmasdan, faqat sof holda amalga oshirish edi.
O'zimning ishim davomida men juda ko'p qiziqarli echimlarni to'pladim, ular turli vaqtlarda blogimning sahifalarida kengaytirilgan maqolalarda batafsil bayon qildim, ammo bu darslarning aksariyati oxir-oqibat fonda qoldi. Blog o'quvchilari ba'zan navigatsiya qilishni qiyinlashtiradilar va ajoyib modalar va pop-up shakllarini yaratish uchun ishlatilishi mumkin bo'lgan usullarning aksariyati shunchaki e'tiborga olinmaydi.
Shuning uchun foydalanuvchilarning ushbu songa bo'lgan qiziqishini inobatga olgan holda, men ushbu mavzu bo'yicha barcha darslar va misollarni birlashtirishga va modal oynalar va shakllar to'plamini alohida maqolada namoyish etishga qaror qildim. Natijada qisqacha tavsifi, misollari va maqolalariga havolalari bo'lgan kichik umumiy ko'rinish mavjud. Shunday qilib, qidirib toping, o'rganing va agar kimdir echimlardan birini yoqtirsa, manba kodini olishga tayyor bo'ling va yarating, yarating, yarating ...