Cara Pasang Balon Floating Image script Di Blog

Posted by : Stiker Jalingkut

Cara Pasang Balon Floating Image script Di Blog

Keterangan: Salah satu fitur penting dari DHTML adalah kemampuan itu untuk memindahkan elemen di sekitar halaman dengan bebas, tanpa harus terikat pada satu titik tunggal pada halaman. "Virtual Max" mengambil keuntungan penuh dari fitur ini dan menciptakan nya keren "mengambang gambar" script untuk peselancar Dinamis kami Drive untuk menggunakan dan menikmati. Ini script lintas-browser yang bergerak sejumlah gambar di sekitar halaman (dengan membungkus gambar dalam <div> s, dan menghidupkan <div> masing-masing), masing-masing mengikuti jalan acak ditentukan. Selain itu, gambar yang dapat diklik, membuat script ini tidak hanya gila-gilaan keren, tapi praktis juga!

Demo: Lihatlah Balon di sekitar Anda ...

Langkah 1: Ambil berikut js file dan meng-uploadnya ke direktori halaman web Anda (baik dengan mengklik, atau mengklik dengan tombol shift tertekan untuk pengguna NS).:

moveobj.js

Langkah 2: Tambahkan berikut ke bagian <head> halaman Anda:

/***********************************************
* Floating image script- By Selladrt (http://bloggertutoria.blogspot.com/)

***********************************************/

//Step 1: Define unique variable names depending on number of flying images (ie:3):
var flyimage1, flyimage2, flyimage3

function pagestart(){
//Step 2: Using the same variable names as 1), add or delete more of the below lines (60=width, height=80 of image):
 flyimage1=new Chip("flyimage1",47,68);
 flyimage2=new Chip("flyimage2",47,68);
 flyimage3=new Chip("flyimage3",47,68);

//Step 3: Using the same variable names as 1), add or delete more of the below lines:
movechip("flyimage1");
movechip("flyimage2");
movechip("flyimage3");

}

if (window.addEventListener)
window.addEventListener("load", pagestart, false)
else if (window.attachEvent)
window.attachEvent("onload", pagestart)
else if (document.getElementById)
window.onload=pagestart

</script>

Langkah 3: Tambahkan berikut ke bagian <body> halaman Anda, di luar setiap tag lainnya. Ini berisi kode HTML yang sebenarnya digunakan untuk menampilkan gambar sendiri:

Anda sekarang pada dasarnya memiliki script terinstal dan siap untuk menjalankan. Baca terus untuk melihat bagaimana mengkonfigurasinya sesuai dengan keinginan Anda.
Konfigurasi script

Seperti disebutkan dalam deskripsi, script ini dapat menghidupkan jumlah yang tidak terbatas gambar. Petunjuk di atas menciptakan situasi di mana tiga gambar animasi (seperti di demo). Jelas, Anda akan ingin tahu bagaimana mengkonfigurasinya untuk menangani sejumlah gambar. Proses ini sederhana namun agak panjang. Setiap gambar yang diidentifikasi di seluruh seluruh script dengan nama "flyimagex". Misalnya, gambar pertama disebut "flyimage1", kedua "flyimage2", dan seterusnya. Lihat dalam kode Langkah 2 dan 3. Berikut adalah langkah-langkah yang tepat untuk memodifikasi script sehingga menjiwai sejumlah gambar:

1) Di dalam kode Langkah 2, tambahkan / menghapus lebih "flyimagex" variabel untuk itu sebagaimana ditentukan dalam dokumentasi, tergantung pada jumlah gambar yang Anda gunakan.

2) Di dalam kode Langkah 3, menambah / menghapus lebih dari tag <div> ke halaman yang sesuai juga. Pastikan "ID" atribut dalam setiap <div> ini didefinisikan dengan nama variabel yang unik dari gambar terbang (yaitu: flyimage1).

Sikian Dariku Sobat Klau Ada Waktu Luwang
Tinggalkan Saran Anda Sobat

1. Komentar SPAM Akan secepatnya dihapus
2. Pastikan untuk " Berlangganan Lewat Email "Atu FACEBOOK Selladrt"
3. Cek komentar masuk sebelum bertanya.
4. Link aktiv tidak akan berpungsi.
5. Bebas menyebarluaskan artikel tanpa persetujuan dari saya.
7. Bergabung dengan kami untuk menjadi member Klik " Join to Member "

Subscribe to Posts | Subscribe to Comments

TUTORIAL™

--✽-✽--WELCOME TO --✽-✽--