Untuk Pertanyaan anda silahkan hub admin di 087773328129

Senin, 12 September 2011

Skrip Untuk gambar Mengambang

11.23  Unknown  1 comment

kredit:
Nama: Virtual Max
Situs Web: Max Virtual Situs Web
Catatan: Diperbarui Oktober 7, 04 untuk NS6/Opera 7, DOCTYPE kompatibilitas.

Description: Salah satu fitur penting dari DHTML adalah kemampuan untuk pindah elemen di sekitar halaman bebas, tanpa harus terikat pada satu titik tunggal pada halaman. "Virtual Max" mengambil keuntungan penuh dari fitur ini dan menciptakan keren nya "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 menjiwai <div> masing-masing), masing-masing mengikuti jalan ditentukan secara acak. Selanjutnya, gambar dapat diklik, membuat script ini tidak hanya gila keren, tapi praktis juga!

Langkah 1: Download berikut js file dan upload ke direktori halaman web Anda (baik dengan mengklik, atau klik dengan tombol shift tertekan untuk pengguna NS).:
Download di sini
moveobj.js

Langkah 2: Tambahkan berikut ke bagian <head> halaman Anda:
<script type="text/javascript" src="moveobj.js"> </script>
<script type="text/javascript">

/***********************************************
* Floating image script- By Virtual_Max (http://www.geocities.com/siliconvalley/lakes/8620)
* Modified by Dynamic Drive for various improvements
* Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code
***********************************************/

//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 tag lainnya. Ini berisi kode-kode HTML aktual yang digunakan untuk menampilkan gambar sendiri:
<!-- Step 4: Define your flying images. For each image's ID tag, use the same variable names as 1) above -->

<DIV ID="flyimage1" STYLE="position:absolute; left: -500px; width:47; height:68;">
<A HREF="http://dynamicdrive.com"><IMG SRC="test.gif" BORDER=0></a>
</DIV>

<DIV ID="flyimage2" STYLE="position:absolute; left: -500px; width:47; height:68;">
<A HREF="http://dynamicdrive.com"><IMG SRC="test.gif" BORDER=0></a>
</DIV>

<DIV ID="flyimage3" STYLE="position:absolute; left: -500px; width:47; height:68;">
<A HREF="http://dynamicdrive.com"><IMG SRC="test.gif" BORDER=0></a>
</DIV>



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

Seperti disebutkan dalam deskripsi, script ini dapat menghidupkan jumlah yang tidak terbatas gambar. Instruksi 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 tapi agak panjang. Setiap gambar diidentifikasi sepanjang seluruh script dengan nama "flyimagex". Misalnya, gambar pertama disebut "flyimage1", kedua "flyimage2", dan seterusnya. Lihat di kode Langkah 2 dan 3. Berikut adalah langkah-langkah yang tepat untuk memodifikasi script sehingga menjiwai sejumlah gambar:

1) Di dalam kode Langkah 2, menambah / 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).

Posted in:

1 komentar:

Posting Komentar

Jangan lupa tinggalkan komentar :D

Share

Twitter Delicious Facebook Digg Stumbleupon Favorites