Kaksipaikkaisen rolloverin luominen
Kaksipaikkainen rollover toimii siten, että kun loppukäyttäjä siirtää hiiren osoittimen yhden laatikon päälle, niin toisessa laatikossa oleva kuva näyttää rollover-kuvan. Laatikkoa, jonka päälle loppukäyttäjä siirtää hiiren osoittimen, kutsutaan alkuperäiseksi laatikoksi, ja laatikkoa, joka näyttää rollover-kuvan, kutsutaan kohdelaatikoksi. Kun haluat luoda kaksipaikkaisen rolloverin:
- Luo teksti- tai kuvalaatikko alkuperäiseksi laatikoksi — laatikoksi, jonka päälle siirtyvä hiiren osoitin käynnistää rolloverin. Jos laatikko on tekstilaatikko, valitse Kohde > Muokkaa ja valitse Muunna grafiikaksi viedessä -valintaruutu.
- Luo toinen teksti- tai kuvalaatikko kohdelaatikoksi — laatikoksi, jonka sisältö muuttuu, kun hiiren osoitin siirtyy alkuperäisen laatikon päälle. Jos laatikko on tekstilaatikko, valitse Kohde > Muokkaa ja valitse Muunna grafiikaksi viedessä -valintaruutu.
- Tuo kuva tai kirjoita teksti kohdelaatikkoon. Tämä on kohdelaatikon oletussisältö.
- Kun kohdelaatikko on valittuna, valitse Kohde > Rolloverit > Luo 2-paikkainen rollover. -kuvake näkyy alkuperäisessä laatikossa.
- Tuo uusi kuva, niin voit määritellä rollover-kuvan tai kirjoittaa uuden tekstin kohdelaatikkoon.
- Linkitä alkuperäinen laatikko kohdelaatikkoon valitsemalla 2-paikkaisen rolloverin linkitys -työkalu Web-työkalut-paletista; napsauta alkuperäistä laatikkoa ja napsauta sitten kohdelaatikkoa. -kuvake näkyy kohdelaatikossa.
- Toista askeleet 2–6, niin voit luoda lisää kohdelaatikoita.
Pääaihe: Rolloverit