Da bi vaลกoj web stranici dodali efekat swap-ovanja, tj. efekat zamene prve slike drugom kada se pokazivaฤ miลกa naฤe iznad prve slike, ne morate da poznajete JavaScript. Primenu ovog efekta prikazaฤemo u aplikaciji Dreamweaver. Pre nego ลกto poฤnemo, pripremite odgovarajuฤe grafiฤke elemente, tj. dve slike istih dimenzija i razliฤitog sadrลพaja.
Pokrenite aplikaciju Dreamweaver i kreirajte novi dokument, „File -> New“. Na odreฤeno mesto postaviฤemo naลก prvi grafiฤki element (sliฤica, dugmence) i to preko menija „Insert -> Image“. Pojaviฤe vam se dijalog prozor „Select Image Source“ gde ฤe te preko navigacionih polja pronaฤi vaลกu sliฤicu na disku, u desnom oknu (Image Preview) videฤete koja slika stoji iz odreฤenog naziva fajla. Na kraju izaberite „OK“. Sada ฤemo ovoj naลกoj slici dodati odreฤeno „ponaลกanje“ (Behavior), tj. dodeliฤemo promenu prvoj sliฤici kada iznad nje preฤe pokazivaฤ miลกa.
Sa padajuฤeg menija izaberite „Window -> Behavior“, ili pritisnite F8, da bi ste dobili prozor „Behaviors“. Selektujte prvo koje verzije browser-a ลพelite da pokrijete, poลกto sve verzije ne podrลพavaju ovu opciju (izaberite 4.0 and Later browsers). Kliknite levo od ovog polja dugme „plus +“ i iz menija izaberite „Swap Image“. U sledeฤem dijalog prozoru kliknite dugme „Browse“ da bi pronaลกli drugu sliku na disku. Uverite se da su polja za potvrdu „Preload Image“ i „Restore Image on Mouse Out“, potvrฤena i kliknite na „OK“. Na osnovu ovog podeลกavanja kada miลก preฤe iznad slike doฤiฤe do zamene prve slike i kada miลก napusti podruฤje slike, vratiฤe se u prvobitno stanje. Snimite sada fajl sa „File -> Save As“ i pokrenite u browser-u da bi videli kako ovo izgleda (pritisnite preฤicu F12). Ostaje samo da ovoj slici dodate link na neku drugu stranicu.
Pratite Krstaricu na www.krstarica.com