Jimat Ruang Entri Menggunakan JavaScript

Kali ini aku cuba kongsi pemasangan slide dalam entri dengan guna hanya satu simple javascript sahaja; tidak seperti kebiasaan dimana kita guna satu jQuery script dan satu javascript untuk buat slide.

Oleh kerana ianya basic, hanya slide bergambar yang dapat kita tunjukkan. Tapi memang tidak rumit.

Apa yang perlu hanya tukar masa slide (lihat kod (timeOut) warna hijau); saiz imej ikur kesesuaian sendiri (lihat kod warna merah); serta bilangan imej yang ingin dipos (lihat kod warna biru yang ditebalkan).

Untuk mencuba, ambik kod kat bawah :

<div style="text-align: center;">
<script type="text/javascript">
var image1=new Image()
image1.src="imej pertama"
var image2=new Image()
image2.src="imej kedua"
var image3=new Image()
image3.src="imej ketiga"
//</script>

<img height="350" name="slide" src="imej pertama" width="350" />

<script>
var step=1
function slideit(){
if (!document.images)
return
document.images.slide.src=eval("image"+step+".src")
if (step<3)
step++
else
step=1
setTimeout("slideit()",1500)
}
slideit()
</script>

</div>

Contoh slide (24 gambar) :

Haaa cubalah...

Cerita seterusnya »

Naga

Naga



Sama Tak?

Sumber: BICARA PERJUANGAN

Cerita seterusnya »

Lipan Nak Lalu

Lipan Nak Lalu


Sorry, lipan nak lalu...

.......\..../
.....╚⊙ ⊙╝
..╚═(███)═╝
.╚═(███)═╝
╚═(███)═╝
.╚═(███)═╝
..╚═(███)═╝
...╚═(███)═╝
...╚═(███)═╝
..╚═(███)═╝
.╚═(███)═╝
╚═(███)═╝
.╚═(███)═╝
..╚═(███)═╝
...╚═(███)═╝
...╚═(███)═╝
..╚═(███)═╝
.╚═(███)═╝
╚═(███)═╝
╚═(███)═╝
.╚═(███)═╝
..╚═(███)═╝
...╚═(███)═╝
...╚═(███)═╝
..╚═(███)═╝
.╚═(███)═╝
╚═(███)═╝
╚═(███)═╝
.╚═(███)═╝
..╚═(███)═╝
...╚═(███)═╝
...╚═(███)═╝
..╚═(███)═╝
.╚═(███)═╝
╚═(███)═╝
╚═(███)═╝
.╚═(███)═╝
..╚═(███)═╝
...╚═(███)═╝
...╚═(███)═╝
..╚═(███)═╝
.╚═(███)═╝
╚═(███)═╝
╚═(███)═╝
.╚═(███)═╝
..╚═(███)═╝
...╚═(███)═╝
...╚═(███)═╝
..╚═(███)═╝
.╚═(███)═╝
╚═ (███)═╝
...╚═(███)═╝
...╚═(███)═╝
..╚═(███)═╝
.╚═(███)═╝
╚═(███)═╝
╚═(███)═╝
.╚═(███)═╝
..╚═(███)═╝
...╚═(███)═╝
..╚═(███)═╝
.╚═(███)═╝
╚═(███)═╝
╚═(███)═╝
.╚═(███)═╝
..╚═(███)═╝
...╚═(███)═╝
...╚═(███)═╝
..╚═(███)═╝
.╚═(███)═╝
╚═(███)═╝
╚═(███)═╝
.╚═(███)═╝
..╚═(███)═╝
...╚═(███)═╝
...╚═(███)═╝
..╚═(███)═╝
.╚═(███)═╝
╚═(███)═╝
╚═(███)═╝
.╚═(███)═╝
..╚═(███)═╝
...╚═(███)═╝
...╚═(███)═╝
..╚═(███)═╝
...╚═(███)═╝
...╚═(███)═


10 perkara yang saya tahu pasal awak

1. awak baca text ni.
2. awak manusia.
3. awak tak dapat sebut huruf 'p' kalau bibir awak tak bersentuh..
4. awak baru saja try buat.
6. awak ketawa sendiri..
7. awak senyum dan awak tak perasan no.5 takda.
8. awak cek kalau ada no.5..
9. awak ketawa sendiri sambil tersenyum.
10. awak mahu share text ni supaya kawan2 awak kena sekali
awak awak awak awak awak awak awak awak awak awak awak awak awak awak
awak awak awak awak awak awak awak awak awak awak awak awak awak awak awak awak awak awak awak awak awak awak awak awak awak awak awak awak
awak awak awak awak awak awak awak awak awak awak awak awak awak awak
awak awak awak awak awak awak awak awak awak awak awak awak awak awak awak awak awak awak awak awak awak awak awak awak awak awak awak awak
1. awak mmg malas untuk membaca semua perkataan di atas.
2. awak tak perasan saya ada tulis awek.
3. awak terus cari perkataan awek, sebenarnya takde pon.
4. awak sudah terkena!
5. awak share la biar kawan2 pulak terkena. takkan nak terkena seorang je...



#huhu_trkena_kew_ツツツ

Cerita seterusnya »