Web Okulu

Free Web Hosting Provider - Web Hosting - E-commerce - High Speed Internet - Free Web Page

RESÝM DEÐÝÞTÝRMEK

Web sayfalarýnda üzerine gidince deðiþen resimlere sýk sýk rastlýyorsunuzdur. Java Applet, ActiveX kontrolü gibi derlenmiþ bir öðe kullanmadan bu iþi siz de kolayca gerçekleþtirebilirsiniz. Örneðimizi uygulamadan önce grafik editörünüz ile 100*20 ebatlarýnda RESIM1-1.GIF, RESIM1-2.GIF, RESIM2-1.GIF, RESIM 2-2.GIF adlarýnda 4 adet grafik dosyasýný hazýrlayýn. "-1" uzantýsý ile biten dosyalar resmin ilk halini "-2" uzantýsý ile bitenler ise resmin fare imleci üzerine gittiði hali oluþturacaktýr.

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.

if ((navigator.appName == "Netscape" && parseInt(navigator.appVersion) >= 3)
|| (navigator.appName == "Microsoft Internet Explorer" && parseInt(navigator.appVersion) >= 4)) {
rollOvers = 1;} else {rollOvers = 0;}
var dirLevel = 1;
var levelMod = "";
levelMod = "";
for (i = 0;i < dirLevel;i++) {}

if (rollOvers) {
aOn = new Image(100, 20);
aOn.src = "resim1-1.gif";
aOff = new Image(100, 20);
aOff.src = "resim1-2.gif";
bOn = new Image(100, 20);
bOn.src = "resim2-1.gif";
bOff = new Image(100, 20);
bOff.src = "resim2-2.gif";
}
function switchOn(imgName) {
if (rollOvers){
imgOn = eval(imgName + "On.src");
document [imgName].src = imgOn;}}
function switchOff(imgName) {
if (rollOvers){
imgOff = eval(imgName + "Off.src");
document [imgName].src = imgOff;
}}</script>