10 Mayıs 2015, Pazar

Tam Ekran Apı Javascript Kod Örnekleri Ve Özellikleri

Merhaba ben sadece istediğim herkes pop ve bazı kod örnekleri ve referans sağlamak için JavaScript tam ekran API tam ekran nasıl uygulanacağını öğrenebilirsiniz mafsallı kontroller bu ilk kod örneğinde web uygulamaları kullanıcı için biz onlar tam ekran gidebilirsiniz tam bir belge ya da bütün bir web sayfası var kapa düğmesi ve geriye gider olarak ve tam ekran modunda dışarı bunu öyle tam olarak aynı görünüyor görebilirsiniz tam ekran modunda düzenli masaüstü modunda olduğu gibi ama onları alt çubuk P işletim sistemini tüm bütün tarayıcı vardır sildi alır Uygulama ekranında gayrimenkul bir yüz

de 100 alır Belge vücudu etkileyen nerede şimdi kod örneğinde görebilirsiniz bu yüzden bu javascript içinde ben tam ekran gidersiniz Bütün kontrol ile fonksiyon ne görmek tarayıcı önekler Burada kullanacağımı

z ve var tam ekran yöntemi talep standart sözdizimi böylece belge gövdesi üzerinde biz istek fullscreen yöntemini çalıştırmak ve bu belge gövdesini koyar tam ekran modunda ve sonra yapmak bu çünkü tam

“Kaynak: https://www.developphp.com/video/JavaScript/Fullscreen-API-JavaScript-Code-Examples-and-Specification Tam ekran API kod örnekleri ve JavaScript şartnameye...”
Adam Khoury

ekran değişken gerçek Biz kontör oluşturulan değişken varsayılan değere sahiptir Biz sadece bu doğru bu şekilde olduğunu hatırlıyorum uygulama yapmak yanlış biz size başka yollar size orada sadece kolay bir yolu var tam ekran modunda konum Bu en kolay yolu o öfke atlayabilirsiniz ve sonra ben uh rap biraz değişti% size içerik sarıcı gibi bir fikri vardır rap olduğu için CSS özellikleri maç için böylece biz sadece ayarlanmış tam ekran içine girdiğinde ekran yü

Tam Ekran Apı Javascript Kod Örnekleri Ve Özellikleri Resim 1 Tam Ekran Apı Javascript Kod Örnekleri Ve Özellikleri Resim 2 Tam Ekran Apı Javascript Kod Örnekleri Ve Özellikleri Resim 3 Tam Ekran Apı Javascript Kod Örnekleri Ve Özellikleri Resim 4

ksekliği ile ekran böylece var mod my yaşlı bir tam ekran moduna çıkar Çünkü geçiş diğer tarafı tam ekran değişkeni ise geçiş için ilk yarısıdır yanlış eşittir ve bu olur, bu değişken tam ekran Gerçek o zaman bu soğuk hepimizin kontrol etmek zorunda çalışacaktır tüm önekleri bir kez daha tüm farklı tarayıcılar için deli biliyorum tam ekran yöntemi iptal olsun ve sonra biz rap koyabilirsiniz geri varsayılan CSS ayarlarına o geri bir tam ekran moduna çıkar ve gece ne zaman şurada işte Normal modu yapmak tam ekran değişken false

tekrar geçiş fonksiyonu çalışır söyleme doğru gösterir çünkü DB değişkeni size 's belge gövdesini biliyorum Orada ve vücudun belirli özellikler sadece emin olmak için burada CSS vardır herhangi bir marj alanı olmadan sol üst köşede olduğunu O tam ekran moduna geçer zaman ayarlayarak herhangi bir CSS yapabilirsiniz hatırlıyorum Eğer sayfa varsa ve herhangi bir unsurlara da özellikleri uçurum var belgelere götürecektir yüzden Eğer belgelerde aşağı görürseniz bunu okuyorsanız ararken sayfa% uh CSS var olduğunu görmek Sözde seçiciler tam ekran kalıp almak zemin tüm dışarı olmadığını kontrol edebilirsiniz eşyalarını içine ben bir bok ve bu şartname vermeyin uygulamak Bir orta yaşlı 2 sahiptir bağlantısı Tarayıcı bu uygulamaya nasıl tüm belgeleri kendi yazılım içine ve bu yüzden her ne kadar gösterir yöntemleri özellikleri Sağ tüm özelliklerini tam ekran etkin olduğu bir Belene olduğunu doğru ya da yanlış özelliği tam ekran var eleman özelliği ve tam ekran üzerinde change olayı ve tam ekran hiç olaylar böylece Bu iki olay vardır JavaScript programlama aşina olduğunuzu Eğer içine dokunabilirsiniz özelliklerine buradan girmeleri ki ve onun çıkış tam ekran yöntemi ve tam ekran yöntemi talep Biz tam ekran biz çıkıp isteği tam ekran kullanmak tam ekran gitmek fullscreen çıkmak ve biz herhangi bir bu özellikleri içine dokunabilirsiniz ve olay yüksek olarak burada tamam yükleyiciler yoksa ben bu yüzden örnek biz sadece burada nasıl bir tam ağ yapmak gösteren biridir gösterdi sayfa Tam bir belge şimdi belki sadece istediğiniz fullscreen gitmek Tek bir resim tam ekran veya video etiketini gitmek veya ne olursa olsun işte tamam istiyorum var biz ile başladı ilk örnek belge gövdesini hedeflemesi olacağını ama sadece bu başka bir şey yapalım hedef Örneğin vücuduna gidelim ve en doğrusu kaldırmak her şeyi şal ve yeri terk edecek edelim ve daha sonra bu doğru h3 altında Ben bir görüntü elemanı pic var bir görüntü adı Poster birine sahip eklemek için gidiyorum ve sadece bu ve kimliği ne olursa olsun almak Ben bu kimliği alacağım kim ve biz sadece DB yerine ve bu işe yararsa görürsünüz dedi belge gövdesi belge öldü orada diyecekler aslında biz gönderebilirsiniz kim tarafından elemanı olsun dize veya bu öğenin nesne referansı ile geçiş argüman olarak yöntemi fullscreen ama Ben istiyorum nasıl yapabilirsiniz, sadece size göstermek için çok fazla çalışması çok yukarı değişmez sayfadaki hedef sadece tek bir görüntü o yüzden de görelim ve Sadece görmek ne olduğunu görelim olabilir Benim resim tam ekran fotoğraf galerisi olabilir size kaçış basın sadece olduğunu Görüntüyü kendisini tıkladığınızda Tam ekran geçiş olacak şimdi kimliği biraz daha fazla o kadar değiştirmek zorunda görebilirsiniz Burada lemme Ben aslında bu örnek için daha mantıklı değiştireceğiz tamam bu yüzden bu yüzden tüm CSS taşındı yapmak İçinde herhangi bir başlangıç ​​CSS olmadan normal bir belgede gibi daha ve ben sadece üç koymak yerinde görüntüler Her bir geçiş tam ekran yöntemi vardır veya fonksiyon tıklama yöntemiyle kelimeleri çalıştırmak için çağrıldığını Kullanıcı tıkladığında resim yani görüntü tam ekran geçiş yapılır Bu unsurlar başvuru göndermek Bu fonksiyonu sayesinde biz burada olduğu gibi onu almak Işte geçiş fullscreen LM LM olarak bu argümanı alıp biz sadece değişti Biz çok basit ha önce belge vücudu vardı LM Sonra tamam ve ben bu altında vardı Co kaldırıldı çünkü burada değişen değişkenler böyle sıralanabilir bir belgede herhangi bir değişiklik gerekmez kaynağında resim galerisi ben bir tıklarsanız o top ekranları sonra ben sadece bir paten vurdu tüm ekranlara bu bir Şimdi DoubleClick aslında kaçış vurmak O yüzden bu tam ekran en kaldırmak izin onlar sadece vurabilir çünkü ve biz bile bu başka koşulu gerekmez Escape tuşuna kaldırmak için tam ekran görmek onların tam ekran oa gün vermek bu ilk durumda ben Burada onun gidiyoruz Oradaki sarılı Bu bunu yapmak ve biz ne olsun görmelisiniz tek Daha sonra 3 paten kaçış kaçmak için% um Orada yüksek çözünürlüklü resimler belki küçük, çok küçük görüntüler bunu yaptığınızda ve çok yüksek çözünürlüklü görüntüler var olduğunu onların da bu küçük minik takas ve burada daha yüksek çözünürlüklü versiyonu senin bir JavaScript işlevi üzerlerine daha büyük için takas olabilir daha yüksek çözünürlüklü görüntü boğaz sağ diz tıklayın daha yüksek bir çözünürlüğe sahip tam ekran moduna gidersiniz versiyon o görüntüyü Tunceli Newton biliyorum kolay çok kolay, biz fotoğraf galerisi yapabilir gibi mekanizma yoktur, çünkü o şimdi etsen büyük görüntülerle küçük resimler var Büyük görüntülemek için kullanmak zorunda Görüntü sadece tıklayın ve daha sonra tam ekran da yapabilirsiniz gets Bu iki örnek bu yüzden tamam kaçmak onlar için bu bir olacak küçük getto resim galerisi ve ve diğeri için tüm belge tam ekran örnek Ben her Peter gelip geliştirmek sayfada o olacak nerede bu anlaşma oynayacak ve daha sonra bu olacak hem de sizin için bağlantı siz yapabilirsiniz olduğunu tam ekran API derinlemesine araştırma için gidin tarafından okok.

Açıklama

Kaynak: https://www.developphp.com/video/JavaScript/Fullscreen-API-JavaScript-Code-Examples-and-Specification Tam ekran API kod örnekleri ve JavaScript şartnameye referans.

Bunu Paylaş:
  • Google+
  • E-Posta
Etiketler:

Adam Khoury

Adam Khoury

Profesyonel bir online bedava gibi kod ve tasarım öğrenin. JavaScript, PHP, SQL, HTML, CSS, ActionScript ve daha fazlası gibi usta geliştirme teknolojileri. Tüm videoları http://www.developphp.com daha iyi organize olan

YORUMLAR



9.9/10

  • 161
    Olumlu
  • 1
    Olumsuz
  • 29
    Yorum
  • 12022
    Gösterim

SPONSOR VİDEO

Rastgele Yazarlar

  • LavcoPriceTech

    LavcoPriceTe

    21 AĞUSTOS 2010
  • National Geographic

    National Geo

    7 Mayıs 2006
  • TechShowsYou

    TechShowsYou

    3 Mart 2011

ANKET



Bu sayfa işinize yaradı mı?