Nasıl basit bir Javascript slayt gösterisi yapmak

JavaScript, olarak da bilinen js, DOM (Document Object Model) elemanları çalıştırmak için kullanılan bir web komut dosyası dilidir. Bu HTML nesnelerle etkileşimde bulunmak için bir çapraz platform teknolojisidir. Çeşitli farklı nesneleri HTML girerek, saf Javascript kodu ile basit bir Javascript slayt gösterisi farkında bile.

Bu makalede, basit bir verecektir Javascript slayt örnek böylece bir resim slayt gösterisi, Web sitenize ekleyebilirsiniz. Ne ve dahil edilecek kaç görüntüler, aynı zamanda slayt gösterisinin hızını kontrol edebilirsiniz. Sadece Fade geçiş efekti Javascript slayt gösterisi için kullanılır. Daha fazla geçiş efektleri, slayt başlıkları, görüntü köprü, vb, gibi görüntü slayt gösterileri üzerinde daha fazla denetim elde etmek için daha güçlü slayt makinesi gibi hemen göz alıcı gösterir, Web sitenize ekleyen Flash Gallery Factory, kullanmak için tavsiye edilir.

Ayrıca Javascript ders W3C.com öğrenerek daha iyi javascript slayt gösterisi için javascript kodları genişletmek için gelişmiş bir Javascript programcı haline gelebilir. Şimdi basit bir Javascript slayt kadar adım adım ayarlamak bkz.

1 JS slayt gösterisi kod örneği başlamak

Javascript slayt gösterisi kodu sıfırdan yazmak için gerek yoktur. İşte bir Javascript slayt gösterisi örnek (1 kb, ZIP). Karşıdan yükleyip bilgisayarınıza ayıklayın. Biz sadece sizin ihtiyaçlarınıza uyacak şekilde değiştirir. Sen-ecek almak tek bir javascript-slayt gösterisi-example.html dosyası.

2 resim adı, resim yolu, js slayt gösterisinin hızını değiştirmek

Sizin en sevdiğiniz metin editörü ile açın ve dosyada yer notlar göre değiştirin.

• Slayt süresini değiştirmek için slideShowspeed parametresi için gidin.
• Daha çok resim eklemek için adil kopya ve hamur Pic [0] = '1.jpg' hat ve buna bağlı olarak dizi numarası ve resim dosya adını değiştirin. Resim bir klasörde, girdiyseniz örneğin resimleri, kullanmak Pic [0] gibi ilişkili yolu 'images/1.jpg' =. Burada mutlak resim adresini de kullanabilirsiniz.

3 embed Javascript slayt gösterisi, web sayfanıza

Şimdi bir Javascript slayt gösterisikatıştırmak istediğiniz web sayfasını açın. Tüm < script > Etiket < head > arasında yere kopyalayıp ve < / head >. O zaman sayfa ekleyerek sayfa yüklendiğinde, Javascript slayt gösterisi başlatmak için izin onLoad="javaSlideShow()" özniteliğini < body > etiketi. Son olarak, sayfanın doğru konumda görünür Javascript olun. Bunu yapmak için sadece < Tablo > arasında yer alan kodunu koymak ve < / table > etiketleri olması gerektiği için.

4 kaydetmek ve Javascript slayt önizleme

Tamam, kaydetmek ve önizleme. Her şey yolunda giderse, bir Javascript slayt gösterisi olarak bu görebilirsiniz.