1.Adım
Bu javaScript kodlamasını Script le başlayan kodlama
tag'lerinin arasına gelecek şekilde yazılmalıdır.
2.Adım:
Aşağıda verilen JavaScrip mausla resimlerin üzerine gidildiğinde resimlere hareket vermemizi sağlar. Bunun için kaçtane resimin hareketli olmasını istiyorsak ona göre kodlamada bazı değişiklikler yaparak bunu sağlamamız gerekir.Önce grafik editörü ile;
image1-1.GIF, image1-2.GIF, image2-1.GIF,
image 2-2.GIF
adlarında 4 adet grafik dosyasını(resimleri) hazırlayalım.
"-1"
uzantısı ile biten dosyalar resmin ilk halini
"-2"
uzantısı ile bitenler ise resmin fare imleci üzerine gittiği halini oluşturacaktır.Buna dikkat edin.!
3.Adım:
Script'imizde her bir resim için bilgi
"aOn.src", "bOn.src"
gibi değişkenlerde tanımlanmış. Bu değişkenleri uzatarak dilediğiniz sayıda kısayol kullanabilirsiniz. Resimleri oluşturduktan sonra örnek HTML dosyamızı oluşturun ve resimleri HTML sayfanızla aynı klasöre taşıyın. Resim ebatlarını değiştirmek için ise tek yapacağınız
newImage(100, 20);
ifadesi ile oynamak olacaktır.Veya 4 adımda anlatılan kodlarda img link
paremetrelerinden WIDTH="" ve HEIGHT="" taglerinin tırnakları arasına
istenilen ebatlar yazılarakta bu sağlanabilir.
4.Adım:
Aşağıdaki JavaScript kodlarını 1 adımda anlatılan yere kes ve yapıştır yön
temiyle kopyalayın.
--------------------------------------------------------------------------------
--------------------------------------------------------------------------------
4Adım:Aşağıdaki kodları
tagı'nın
arasına yazılacak ve ilk görünmesi istenilen resim
SRC="" de tırnakların arasına adı ve uzantısıyla bir
likte yazılacaktır.
--------------------------------------------------------------------------------
--------------------------------------------------------------------------------
--------------------------------------------------------------------------------