JavaScript Image Rotator
Saya membuat gambar ini Rotator JavaScript untuk menyelesaikan masalah pelanggan saya mengalami pada minggu terakhir halaman mereka.
Langkah pertama ialah menjadikan div kosong bahawa gambar boleh dimasukkan ke. Cara paling mudah untuk mengakses div tertentu dari JavaScript untuk memastikan div telah id, dan mengakses div oleh rujukan div id seperti:
bannerHolder var = document.getElementById ('bannerHolder');
Setelah anda membuat div dan mempunyai cara untuk rujukan melalui JavaScript, anda perlu membuat array url gambar untuk loop melalui.
bannerArray var = Array baru (); currentImage var = 0; bannerArray = 'http://www.noobflash.com/wp-content/themes/LemonPress/images/JavaScriptImageRotator/google.jpg [', 'http://www . noobflash.com / wp-content / themes / LemonPress / images / JavaScriptImageRotator / yahoo.jpg ',' http://www.noobflash.com/wp-content/themes/LemonPress/images/JavaScriptImageRotator/msn.jpg '] ; Tie potongan kod ini bersama-sama menggunakan setInterval untuk mencipta putaran waktunya dan anda memiliki alat pemain gambar anda. Dapatkan kod penuh menggunakan link di bawah ini:
Anda perlu menyemak jQuery Kitaran http://malsup.com/jquery/cycle/ Hal ini membolehkan anda untuk tidak hanya gambar kitaran tetapi juga link atau p atau apapun yang anda masukkan ke dalam sana. Bahkan campuran semua isi bersama-sama.