evo budući da nisam bas vijest sa javascriptom molio bi za malu pomoc.. ak ima neko da mu se da ovo napraviti bio bi mu zahvalan.. po mogucnosti sto prije
upute:
Cilj seminara je programirati (html, css, javascript) preglednik slika za web.
Postoji 6 slika (3 landscape i 3 portrait)
koje je potrebno smjestiti unutar prozora u 2 reda.(vidi:slika 1)
Svaka slika je u svom div-u skupa sa potrebnim gumbima, a svi div-ovi u jednom velikom div kontejneru.
Slike se po defoltu smjestaju unutar prozora na nacin da su uvijek orjentirane kao "landscape" i uvijek su 1/3 prozora (window.innerWidth).
Ukoliko korisnik mijenja veličinu prozora, veličina slika se također mora prilagođavati.
Taj efekt ćete postići pozivajući funkciju pomoću: window.onresize.
Također morate pripaziti da slike NE mijenjaju svoje proporcije odn. omjer.
Svaka slika ima 3 gumba gdje jedan okreće sliku za 90 stupnjeva, jedan vraća na 0 stupnjeva,a jedan -90 stupnjeva.
Rotacija slika se može napraviti na više načina:
U Firefoxu pomoću <canvas> elementa, a u Chromu/Safariju pomoću css3: webkitTransform='rotate(90deg)'.
Vaš zadatak je napraviti seminar za Chrome/Safari i/ili Firefox.
Na vrhu prozora postoji gumb "pogled" koji mijenja smještaj slika unutar prozora na način da postavlja sliku jednu ispod druge
(veličina slike je u tom slučaju fiksna, vidi:slika 2), ili opet vraća pogled na defoltni(mrežni).
css:
background-color:#868686;
color:white;
font-family:sans-serif;
border-radius:50px;