U ovom ću vas tutorialu naučiti kako promijeniti veličinu slike u pregledniku uz pritisak na gumb. Promjena sadržava i jednostavnu animaciju. S obzirom da se onsubmit efekt može napisati i kao onmouseover i staviti unutar koda slika, ta bi vam tehnika mogla dobro doći ako na stranici imate thumbnail i želite korisnicima omogućiti povećanje slike. Za početak ću definirati nekoliko varijabli, točnije tri.

var a=1;
var ab=1;
var t;

Sada ćemo napraviti prvu funkciju. Napravit ćemo objekt sa informacijama o funkciji i pokrenuti novu funkciju.

function pokreniPromjenu (id, width, hight){
slika = new Object();
slika.id = dociment.getElementById(id);
slika.width = width;
slika.height = height;
promjena();
}

Kao što vidite, objektu koji smo kreirali zove se slika, objektu smo pridodali id, width i height i na kraju stavili naredbu na izvršenje funkcije.

Sada ćemo napraviti funkciju i definirati width i height.

function promjena()
{
slika.id.width = a;
slika.id.height = ab;
}

Varijable a i ab su one koje ćemo modificirati dok ne dosegnu width i height limit u funkciji koju smo prethodno definirali.

if(a == slika.width)
{
a = slika.width;
}
else if(slika.width < a)
{
a = 1;
}
else
{
a++;
}

Sada provjeravamo je li varijabla a jednaka širini (width) slike, ako je uvjet zadovoljen, varijabla se postavlja kao limit širine. Ako uvjet nije zadovoljen, tj, ako je varijabla manja od širine, varijabli je dodijeljena vrijednost 1 kako bi počela animacija. I na kraju ako niti jedan uvjet nije zadovoljen, varijabli je dodijeljena vrijednost 1.

sljedeća stranica

Navigacija
Korisni linkovi
Kratke vijesti
Vodafone lansirao mobilni glazbeni servis

Kako bi što lakše komunicirala sa svojim polaznicima, koji su mahom vrlo mladi i skloni komunikaciji preko suvremenih društvenih mreža NetAkdemija se odlučila pridružiti najvećoj online zajednici.NetAkademija Tehničkog veleučilšta u Zagrebu...

više na pcchip.hr

Vic dana
Anketa
copyright© 2006 - 2008, tutoriali.biz