Adobe Dreamweaver CS6:ssa voit lisätä kuvaobjekteja, mukaan lukien kuvan paikkamerkit, vierityskuvat (kuvat, jotka muuttuvat, kun katsoja vie hiiren osoitinta kuvan päälle), navigointipalkkeja ja Fireworks HTML -koodia. Pääset näihin kuvaobjekteihin valitsemalla Lisää → Kuvaobjektit.
Luo rollover-kuva seuraavasti:
1Luo kuvat, joita käytetään käännöksenä.
Voit luoda näitä kuvia Fireworksissa, Illustratorissa, Photoshopissa tai missä tahansa muussa sovelluksessa, joka pystyy tallentamaan verkkokäyttöön optimoituja kuvia. Saat parhaat tulokset luomalla kuvia, jotka ovat täsmälleen saman leveitä ja korkeita.

2Aseta kohdistin sivulle minne tahansa, jossa haluat vierityksen näkyvän, ja valitse Lisää→Kuvaobjektit→Kierrätyskuva tai napsauta Lisää-paneelin Rollover Image -painiketta.
Näkyviin tulee Insert Rollover Image -valintaikkuna.
3Kirjoita kuvan nimi ilman välilyöntejä Kuvan nimi -tekstikenttään.
Tätä nimeä käytetään skriptissä, joka luo rolloverin.
![Kierrosten luominen Adobe Dreamweaver CS6:ssa]()
4Paikanna kuva, jonka haluat näkyvän sivulla oletuksena, napsauttamalla Alkuperäinen kuva- ja Kierroskuva-tekstikenttien oikealla puolella olevia Selaa-painikkeita.
Kuva tulee näkyviin vain, kun joku vie hiiren osoittimen kuvan päälle.
5Jätä Esilataa Rollover Image -valintaruutu valituksi.
Tämä vaihtoehto lataa rollover-kuvan, kun sivu ladataan, jotta vältytään viiveiltä.
6 Kirjoita sopivasti kuvaava vaihtoehtoinen teksti.
Tietenkin kirjoitat sen Alt-tekstikenttään.
7Kerro Kun napsautetaan, siirry URL-osoitteeseen -tekstikentässä Dreamweaverille, minne katsojat ohjataan, kun he napsauttavat vierityskuvaasi.
Voit joko napsauttaa Selaa-painiketta löytääksesi toisen sivun sivustostasi tai kirjoittaa URL-osoitteen.
Jos linkität toiselle verkkosivustolle, sinun on sisällytettävä http://-etuliite URL-osoitteen alkuun. Jos jätät tämän tyhjäksi, Dreamweaver lisää kuolleen linkin (#) automaattisesti.
8 Napsauta OK.
Kierroskuva luodaan sivulle.
9Jos haluat esikatsella uutta rollover-kuvaa, valitse Tiedosto → Esikatselu selaimessa tai napsauta Live View -painiketta Asiakirja-työkalupalkissa.
Jos sinulla ei vielä ole todellista linkkiä käytettäväksi painikkeelle tai hyperlinkille, voit luoda kuolleen linkin kirjoittamalla puntamerkin (#). Linkki tai painike näyttää napsautettavalta, mutta se ei siirry minnekään, kun sitä napsautetaan. Tämä vaihtoehto on parempi kuin välilyöntinäppäimen painaminen luodaksesi tyhjän tilan linkiksi, koska linkki näyttää Sivua ei löydy -virheilmoituksen, kun sitä napsautetaan.