note script 3 - sambungan note pergerakan(gambar dan teks)

Salam satu malaysia. sekali lagi aku nak share note aku. ni sambungan note yang lepas.. aku x cerita habis lagi..  kali ni untuk gambar.. basicnya sama.. takda beza, buat pengetahuan semua. kita boleh copypaste pada HTML//Javascript pada pilihan menambagh gadjet baru pada layout..bagi yang dah baca note 1 dan 2 mesti dah mula paham apa yang perlu di buat.. aku galakan pengunaan notepad untuk semua ini.

ok, kita mulakan dengan meletak gambar ak kira la dari komputer atau yang sudah ada di blog kita, kemudia tentukan saiz gambar.. dan kalu kita hendak tambah teks pun boleh.. dah siap kita tambah ni..

<div class="separator" style="clear: both; text-align: center;">
<marquee direction="up" height="200" scrollamount="5" width="200">

HTML script

</marquee></div>

*penambahan  script berikut sebelum script pergerakan bertujuan untuk aligment border ke tengah

<div class="separator" style="clear: both; text-align: center;">

</div>

ataupun 

<center>

</center>

untuk melihat contoh lain, lihat galery 5 blog ini.

Arah pergerakan. 

• <marquee> = pergerakan asas ke kiri. nutuk pergerakan ke arah lain sila tambah

•  direction="right" - <marquee direction="right"> untuk pergerakan ke kanan

• direction="up" - <marquee direction="up"> untuk pergerakan ke atas
• direction="down" - <marquee direction="down"> untuk pergerakan kebawah
•  

*untuk pergerakan ke kiri dan kana. sebaiknya hanya sekepin gambar. kerana anda perlu membuang script " <div class="separator" style="clear: both; text-align: center;"> // </div> " pada setiap gambar jika ia adalah lebih dari 1.


kawasan pergerakan

Script yang di tambah bagi menentukan saiz kawasan atau mudah dipahami kotak bagi pergerakan.

height="200"  width="200" <marquee height="200"  width="200">

anda boleh menukar saiz ketingian dan lebar dengan kesesuaian saiz gambar anda.. perlu di ingatkan saiz kotak perlulah lebih besar dari saiz gambar. dan sebaiknya +30 dari lebar gambar.


kelajuan pergeran

untuk menentukan atau mengubah kelauan pergerakan yang asal kita boleh menambah

scrollamount="5" -   <marquee scrollamount="5">

kelajuan ini di tentukan dengan menukar nilai 5. untuk kelajuan yang yang lebih perlahan gantikan nilai yang lebih kecil contohnya 1.  dan sebaliknya gantikan dengan nilai yang lebih besar 1o untuk kelajun yang pergerakan yang lebih laju.  

menghentikan pergerakan dengan melalukan consur.

kita boleh menambah scrip berikut untuk menghentikan pergerakan dengan menambah

onmouseover="this.stop()" onmouseout="this.start()" - <marquee onmouseover="this.stop()" onmouseout="this.start()" scrollamount="5">

amat berguna jika kita membuat pergerakan gambar pada galeri..

kesemua scrip boleh digunakan pada masa yang sama dan setiap penambahan perlulah dijarakan. susunan tidak pengting kerana ia tetap dibaca selagi arahan adalah betul..

kan dah keluar ayat skema.. hehe.. ok la cukup untuk kali ini.. apa yang perlu kita buat ialah pahami. aku sendiri hanya dapat asas.. pening jugak mula2 nak kasi semua ni jadi. tp bila dah try & error. baru la aku paham. maaf kalau ada kesalahan. bagi yang hendak bertanya sila la coment. insya-Allah aku jawap. malu bertanya sesat jalan. sesapa sudi nak klik churp-churp kat sini.minyak panas

.SEKIAN.