2 HAZİRAN 2012, CUMARTESİ

Görüntü Döndürme Komut Dosyası Html Css Öğretici Javascript Tv Ekran Slayt Zaman Aşımına Uğradı

Bugünün video derste Dünya web bok bir javascript konuyu mücadele olacak formlar öncelikle biz forum konusu da zirveye alacağım İkinci hızla bitmiş öğretici örneğe bir göz atacağız konuyu yanıtlamak için yapılan ve daha sonra ders başlayacağız tamam da sağ hi çağrı böyle bir görüntü vardı ve bu yüzden PNG için bir hediye oldu Beyaz şeffaf olduğunu Ben bunun arkasında web imajını koymak istiyorum ekranda var ve değiştirme gibi pek çok görüntüyü her beş saniyede görünüyor javascript kullanarak Gerçekten bunu yardımcı olabilir jQuery kullanmak istemiyorsanız Ayrıca ben sadece denilen anlattı ve

güzel Daha geniş bir gruba ulaşmak yüzden videoda bu öğretici yapabilirdi ve o tamam biz gidiyoruz yüzden bu yüzden serin olduğunu söyledi Önümüzdeki ama şimdi biz bunu gidiyor JavaScript şey yapıyoruz görüntüleri çık

ın Ekranda bir tv değişiklik yok gibi her beş saniyede Şimdi küçük örnek bitmiş ürünün bir göz atalım Yarattığımız uygulama biz Archie D grafik bir döşeme vermifl içinde görebilirsiniz ve o tarihten içine başka b

“Ders Kodu: http://www.developphp.com/video/JavaScript/TV-Screen-Slideshow-Timed-Image-Rotation-Script-Tutorial Adam Khoury ile Javascript HTML CSS projeleri için ...”
Adam Khoury

ir CSS ile konumunu yaptım var ekran gibi böyle bir yol görünüyor giymek ve ben tam boyutları içinde olmalıdır yaptı ve ekran olarak ben sadece bunu biraz marjı ve doldurma vermek Bir sadece sağ kullanarak CSS her şeyi bunu yapmak için ve ne yaptım JavaScript ama içeriğini kullanmak görüntüler ve innerHTML özelliği ben her üç saniye boyunca küçük bir zamanlayıcı kurmak yaptım Bu örnekte sakinleştirici Ben saniye on saniye yirmi saniye Bir buçuk Şimdi istediğ

Görüntü Döndürme Komut Dosyası Html Css Öğretici Javascript Tv Ekran Slayt Zaman Aşımına Uğradı Resim 1 Görüntü Döndürme Komut Dosyası Html Css Öğretici Javascript Tv Ekran Slayt Zaman Aşımına Uğradı Resim 2 Görüntü Döndürme Komut Dosyası Html Css Öğretici Javascript Tv Ekran Slayt Zaman Aşımına Uğradı Resim 3 Görüntü Döndürme Komut Dosyası Html Css Öğretici Javascript Tv Ekran Slayt Zaman Aşımına Uğradı Resim 4

iniz ikinci en soğuk anlatalım Bizim tarzı var bu uygulama içinde tamam baş burada etiket styling sahip belgeyi etiketlemek ateş TV ve TV ekranı çocuklar Ben bir tane var Vücut bölümü ve sayfa C & C bir kimlikle yaptım Benim tv sonra başka vermek iç içe olacak Sağ iç ilk yaptım ve bu bir kimliği vardır Benim ekran benim 8GB eski böylece Bütün grafikler TV'niz için ve daha sonra Benim ekran sadece bir bölümüne ise Oldukça TV grafik ekranı şimdi ne yapmamız burada diyor ve görmek biz ise Ben şimdi sana gösterme

k edeceğiz olmak hedefleme için benim benim ekran verir ATV ve CSS uygulayarak küçük bir meydana olacak dikdörtgen konumlandırmak için Sadece ekran o yüzden ne gitmek gerekir tam olarak nerede dedi ki ve yüksekliği TV grafik boyutlarına göre ve sonra genişlik ve yükseklik serbest TV ekranı kullanın TV içinde kurşun istediğiniz ekran parçası olmak şimdi sınır herhangi bir sınır bana sadece kaldırmak izin gerekmez ve bir sınır benim ekranda burada özniteliği olabilir yapmak o gashed ve bazı parlak renkli görmek istediğiniz O bir ekran konumlandırılmış tam olarak nerede nerede olduğunu gerçekten bileceksiniz Görüntülere göre şimdi margin-sol sırıtmak: Ekranda burada bakınız getirmek için TV grafik kenar küçük bir ekran alanında onun sağ olması gereken yerde yani ve padding-top: Eğer kudretli burada gördüğünüz grafik olacak aşağı iterek yukarı sağlamaktır üst dolgu ekranı biraz aşağı itmek için o çocuk o üstünde değil nerede grafik ve kurşun Sağ ayarlanmış padding-top arayan gereken ekran alanında: ve margin-left: TV içindeki ekranı iki daha küçük kutu Grafik her yerde piksel konumları kesin gitmek gerekiyor Eğer bir değişiklik my height biraz görebilirsiniz padding-top ofset: bu yüzden sadece ben sonraki 20 piksel 20 piksel çıkarılır Ben çıkarılır, böylece 184 piksel olmalıdır gelen benim padding-top: şimdi benim yükseklikten piksel canım böyle şey tam olması gerektiği şekilde oldu ve nihayet tabii ki arka koymak Flemenkçe domuz upstream görüntü Benim atv ana senin TV Grafikleri tüm TV tutar yaptım hangi yaptım ve bir başka vermek çağrıda benim ekran teşvik hatırlıyorum şimdi tam CSS anlamak gerekir JavaScript hakkında konuşabilirsiniz tamam orada oluyor HTML şimdi ben de çöküşü kadar ben CSS geç JavaScript hakkında konuşmak istiyorum sen benim javascript etiketi konumlandırılmış olduğunu görebilirsiniz Sayfanın benim html elemanları altında Bu kafa etiketinde değil ve biraz benim javascript ayarlayabilirsiniz Onload olay sayfası sokulabilir ve o yolu kafa etiketinde o kadar olabilir ama beri henüz yük olay değil ve ben sadece hızlı yapmak istiyorum Senaryonun altında örneğin sadece yukarı sizin için örnek HTML öğeleri ve bu kabul edilebilir ve böylece her şey yolunda hakkında serin bu sadece bir gibi çalışır doğrular programlanmış tamam şimdi burada bu JavaScript blok kadar açalım ve açıkladı o biraz Biz bir değişken oluşturmak ilk satırı olarak adlandırılan Benim ekran ve seksen kadar eleman almak belgeye eşit olduğunu Bilgisayarımın ekranı biz çok kolayca innerHTML özelliğini ayarlayabilirsiniz yolu veya herhangi bir biz ona yapmak istiyorum diğer şeyler Bu komut yüzden benim ekran unutmayın % içinde uh tv yaptığını yaptım Şimdi benim resimlerim bir dizidir bir değişkendir Eğer gibi birçok koyabilirsiniz bir dizi ve bilgi var parçaları sadece kargaşa Oranı bu içinde gibi bilgilere sahip böylece tutun yaşansın pictures isimleri pictures dizler efendim PNG RJ seni ne götürür olsun olabilir var Sadece resim koymak istiyorum adını Burada kendi uzantısı ile birlikte ve virgülle her ayrı ve her tek tırnak kapsüllü oluyor görebilirsiniz İstersen sana benim durum var 40 resim koyabilirsiniz Ben olmak kurmak için komut hala aynı şekilde gerçekleştirecektir dinamik bu yüzden bu uygulama içinde oluşturmak sonraki değişken denir toplam resim ve bir sayı çekirdeği tutmak için gidiyor Kaç toplam pics kargaşa içine yerleştirdiği dolayısıyla bu diziye 10 resim lütfen eğer bu benzetme toplam Pics eşit olacak demektir 10 Biz bağlantı özelliğine erişmek için % ah bizim resimler dizisi K'NEX değişkeni bu çağrıda merhaba ben script 0'a eşit bir sayı da İlk gidiyor bu küçük I içinde şimdi başlıyor Bu satırı burada yinelemek oranı ben artı artı şu yapacak bu benim değişkeni kadar iterasyon % ah bir artış 180 ° yineleme Bu döngü geçer her zaman çok geçmiş ilk bakmak sıfır olacak İkinci bakış eşek bir tek ve üçüncü olacak böylece ve benzeri ve biz bu ben yineleyici kurmak döngü içinde sadece bizim döngüye emin olmak için o dizide değil görüntüyü erişmeye çalıştığınızda asla ama ağaçları puan verirsiniz ötesine gidiyor asla Bu toplam Pics total resimlerinizi kullanabilirsiniz hatırlıyorum kullanın she değerlendirmek biz bu miktarı geçen gittin Dizideki biz 20 I geri getirmek emin olmak istiyorum Bu şekilde zaman o aldığında bizim dis döngünün sonuna geldiğinde ve bar dizisi o seçmek için çalışıyor tutmaz dizide var olmayan öğeler 0 geri gider dizi içinde ilk öğe hangi tüm diziler endeksi 0 ile başlar böylece ad0 bu öğeyi Bu öğeyi biridir Bu öğeyi de olduğu dizinin içinde o dizin numarasını var Tüm Rays varsayılan kadar sıfır ile bir dizin ile başlar, çünkü bu yüzden şimdi Şimdi bu işlevi çağrılır döngüyü anlatalım Hangi sihirli gerçekten küçük bir uygulamadır Bu Luke yaklaşık otomatik yüzden onu tanır ne Şimdi yeni resimler her beş saniye lieu ile bu ilk biraz bunu değerlendirir basit bir it durumdur II toplam resimler daha sonra büyüktür -1 ve tek nedeni var -1 çünkü orada içinde Toplam Resimler gerçekten dizin sayısını temsil gitmiyor Eğer varsa orada tutarları Örneğin ben burada 3 fotoğraf varsa Bu yarışta indeks sayısı çok olacak top olabilir değil 3 tüm hızı indeksleri çünkü 0 ile başlamak default yüzden bu olurdu kadar bu dizi içinde endeks numarası böylece ben toplam resimler koymak yüzden -1 Orada 10 resimler vardı bu yüzden eğer toplam resimler istiyorum Ben 10 ise -1 burada örneğin bu yüzden 9 yapmak için Hiçbir çadır görüntü yoktur, çünkü o olmak istemiyorum Eğer II geri 20 II ise vardiya yüzden 10 alır varsa büyük dan benim durumumda olan Bu okuyacak, böylece bu küçük denklemi a9 temsil edecek o II geri sıfıra fazla 9 vardiya yüzden ilk başta başlayabilirsiniz olduğunu resim yeniden Tamam zararlar üç küçük çizgiler yapmamışlar gerçekten kötü çizgiler olacak ve bu bir sonraki satır biz sadece erişim olduğu Burada oluşturulan benim ekran değişken olduğunu gösterir Bu bizim erişen HTML yaptım İç HTML özelliği içine bazı HTML oynamak Çin bu yöntemi kullanarak içine yeni HTML yerleştirmek o bunu bu yeni bir HTML olarak eski HTML takas edeceğiz böylece tüm yapmanız gereken bir resim etiketi konur Bir döngü içinde her zaman böylece her üç saniyede bir veya beş saniye ancak Uzun size aralıklarla döngü içinde programlanmış olan yeni HTML poppin olmak yaptım ve içinde sadece görüntü etiketi haşhaş ediyorum Şimdi yol düzgün gidiyor gerektiğini özellikle resim alıyorum her geçişte içinde blup size basitçe ekseni my pics dizi üye benim resimlerim bir çok burada ve indeks olarak II koymak erişim Hep 0 başladı değişiyor hatırlıyorum çünkü ve ah sayı kadar% var toplam resimler tüm yol gider fiyatına içinde bunu dizi geçtiği her zaman ilk defa hatırlıyorum Bu sıfır üçüncü kez Ba1 ikinci kez ise o bir olacak ve o Ray gerçekten sonuna kadar var ve benim durumumda ve II'de sıfıra geri kayma Burada bu hattı kullanarak tutar gibi artan olacak temelde yani ben artı artı hangi Ben ben eşittir artı II ve kestirme için Ben ben eşittir artı II ben artı artı o tek her kim geçerse biliyorum artırmak için sadece bir yol var burada döngü sayacını kurmak hangi mekanizma setTimeout yöntemini düzenliyor ve setTimeout yöntemi 8 zamanlama mesajı Javascript buna parametrelere beslemeyi öğretmek sağlayacak İlk parametre HQ istediğiniz işlevi Bu bitmiş sayaçları ve zaman bu milisaniye olan Bu istediğiniz süreyi aşağıdadır On saniye istiyorsanız zaman aralığı olmak çok Onun milisaniye cinsinden diker 10 ile üçünde yerini alacak Eğer 1000 saniye bir saniye koymak istiyor Ben bırakacağım -3 biz bu var şimdi beri Bir döngü fonksiyonu içinde çalışan med setTimeout ve aradığını fonksiyon döngü fonksiyonu kendisidir biz döngü sürecini kurmak nasıl yani bu fonksiyon çalıştırmak ve kendisi üzerine olacak Şimdi nihayet her üç saniyede biz sadece işlevi söyler kod küçük bir çizgi var Başlangıçta temelde ne zaman sayfa yükler çalıştırmak tüm bu çizgi bu fonksiyonu anlatıyor yapıyor olduğunu start-up Şimdi ne bu işlev dedik çünkü gerçekten durdurmak için gitmiyor yukarı başlar bulunuyor o kendi üzerine döngü her üç saniyede bu yüzden her üç saniyede olacak işlev bozukluklarının koşmak sonra ben farklı bir resim erişmenizi sağlar değişecek iterator NRA ile ve biz emin olmak için bu o koşulu kurmak Değişken asla toplam pic aşıyor NRA index ve nasıl tüm uygulama çalışmaları var tamam size yardımcı olur umut arayıp Sizlerin umut biraz olsun bir şey dışarı biz geçti ve ben mevcut bu kodu da gerekir akışı HP geliştirmek altında koduna daima çıkış bağlantı gibi Video öğretici Tamam onun videolar açıklama altında Sizlerin var umut bir bisiklet bulmak.

Açıklama

Ders Kodu: http://www.developphp.com/video/JavaScript/TV-Screen-Slideshow-Timed-Image-Rotation-Script-Tutorial Adam Khoury ile Javascript HTML CSS projeleri için bir görüntü döndürme slayt komut Öğrenmek için program. Kolayca yumuşak geçişler uygulamak veya görüntüler arasında kendi özel transtions programlamak için bu komut dosyası için jQuery uygulayabilirsiniz. Inquery ve ilk tartışma konumu Kaynak: http://www.worldofwebcraft.com/topic.php?id=150

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.8/10

  • 98
    Olumlu
  • 2
    Olumsuz
  • 32
    Yorum
  • 24228
    Gösterim

SPONSOR VİDEO

Rastgele Yazarlar

  • AndyMcMillinTV

    AndyMcMillin

    6 HAZİRAN 2007
  • BurnedInDotCom

    BurnedInDotC

    3 NİSAN 2010
  • Manuel Vizcaino

    Manuel Vizca

    27 Mayıs 2008

ANKET



Bu sayfa işinize yaradı mı?