Bawo ni lati Ṣẹda Aworan Rollover ni Dreamweaver

Aworan aworan ti o yipada ni aworan ti o yipada si aworan miiran nigba ti iwọ tabi alabara rẹ n ṣafihan awọn Asin lori rẹ. Awọn wọnyi ni a nlo nigbagbogbo lati ṣẹda ohun ibaraẹnisọrọ kan bi awọn bọtini tabi taabu. Ṣugbọn o le ṣẹda awọn aworan rollover ti o kan nipa ohunkohun.

Ilana yii jẹ apẹrẹ lati ṣe iranlọwọ fun ọ lati ṣẹda aworan ti a rollover ni Dreamweaver . O ti pinnu fun lilo nipasẹ awọn eniyan nipa lilo awọn ẹya wọnyi ti Dreamweaver:

Awọn ibeere fun Tutorial yii

01 ti 06

Bẹrẹ Bibẹrẹ

Shasta rollover aworan apẹẹrẹ. Aworan © 2001-2012 J Kyrnin - aworan ti a fun ni aṣẹ si About.com
  1. Bẹrẹ Dreamweaver
  2. Ṣii oju-iwe ayelujara nibi ti o fẹ rollover rẹ

02 ti 06

Fi Ohun-elo Pipa Pipa Rollover sii

Fi Ohun Pipa Pipa sii. Ibojuworan nipasẹ J Kyrnin

Dreamweaver mu ki o rọrun lati ṣẹda aworan rollover.

  1. Lọ si akojọ aṣayan sii ati isalẹ si "Awọn aworan Pipa" akojọ aṣayan-ipin.
  2. Yan "Aworan rollover" tabi "Aworan Rollover"

Diẹ ninu awọn ẹya agbalagba ti Dreamweaver pe Pipa Pipa Awọn Ohun "Ibanisọrọ Awọn Aworan" dipo.

03 ti 06

Sọ fun Dreamweaver Ohun Aworan lati Lo

Fọwọsi ni oso. Ibojuworan nipasẹ J Kyrnin

Dreamweaver pops a dialog pẹlu awọn aaye ti o nilo lati kun ni lati ṣẹda rẹ aworan rollover.

Orukọ aworan

Yan orukọ aworan ti o jẹ oto fun oju-iwe naa. O yẹ ki o jẹ ọrọ kan kan, ṣugbọn o le lo awọn nọmba, ti o ṣe afihan (_) ati awọn hyphens (-). Eyi yoo ṣee lo lati ṣe idanimọ aworan lati yipada.

Aworan atilẹba

Eyi ni URL tabi ipo ti aworan ti yoo bẹrẹ si oju-iwe naa. O le lo awọn ojulumo ibatan tabi ojutu ni aaye yii. Eyi yẹ ki o jẹ aworan ti o wa lori olupin ayelujara rẹ tabi pe iwọ yoo gbe pẹlu oju-iwe naa.

Rollover Image

Eyi ni aworan ti yoo han nigbati o ba ni Asin lori aworan naa. Gẹgẹbi aworan atilẹba, eyi le jẹ idiwọn tabi ọna asopọ si aworan naa, ati pe o yẹ ki o wa tabi gbea silẹ nigbati o ba gbe oju-iwe naa wọle.

Ṣaju Aworan Rollover Ṣaaju

Aṣayan yii ni a yan nipa aiyipada nitori pe o ṣe iranlọwọ fun rollover han diẹ sii yarayara. Nipa yiyan lati ṣajọ aworan aworan rollover, aṣàwákiri wẹẹbù yoo tọjú rẹ sinu apo-titi titi iṣọ yoo fi yika lori rẹ.

Ọrọ miiran

Oro ti o dara julọ mu ki awọn aworan rẹ wa diẹ sii. O yẹ ki o ma lo diẹ ninu awọn iru ọrọ miiran nigbati o ba nfi awọn aworan ranṣẹ.

Nigbati o ba tẹ, Lọ Si URL

Ọpọ eniyan yoo tẹ lori aworan kan nigbati wọn ba ri ọkan lori oju-iwe kan. Nitorina o yẹ ki o wa ni habit ti ṣiṣe wọn clickable. Aṣayan yii faye gba ọ lati ṣafihan oju-iwe tabi URL lati mu oluwo naa wo nigba ti wọn tẹ lori aworan naa. Ṣugbọn aṣayan yi ko nilo lati ṣẹda rollover.

Nigbati o ba ti pari gbogbo awọn aaye, tẹ Dara lati ni Dreamweaver ṣẹda aworan rollover rẹ.

Oju-iwe keji ti fihan iwe-akọọlẹ ti Dreamweaver kọ.

04 ti 06

Dreamweaver Kọwe JavaScript fun O

Awọn JavaScript. Ibojuworan nipasẹ J Kyrnin

Ti o ba ṣii iwe yii ni wiwo koodu iwọ yoo ri pe Dreamweaver fi awọn iwe ti JavaScript jẹ ni ti iwe HTML rẹ. Àkọsílẹ yii ni awọn iṣẹ mẹta ti o nilo lati ni swap aworan nigba ti Asin ba n ṣalaye lori wọn ati iṣẹ iṣẹ ti o ṣaṣe ti o ba ṣii fun eyi.

iṣẹ MM_swapImgRestore ()
iṣẹ MM_findObj (n, d)
iṣẹ MM_swapImage ()
iṣẹ MM_preloadImages ()

05 ti 06

Dreamweaver Ṣe afikun HTML fun Rollover

Awọn HTML. Ibojuworan nipasẹ J Kyrnin

Ti o ba yan lati ni Dreamweaver ṣaja awọn aworan rollover, lẹhinna o yoo wo koodu HTML ni ara ti iwe-ipamọ rẹ lati pe apẹrẹ preload lati jẹ ki awọn aworan rẹ fi agbara mu diẹ sii yarayara.

onload = "MM_preloadImages ('shasta2.jpg')"

Dreamweaver tun ṣe afikun gbogbo koodu fun aworan rẹ ati asopọ rẹ (ti o ba ni URL kan). A ti ṣe ipin lẹta ti a rollover si tag tag bi onmouseover ati awọn ero onmouseout.

onmouseout = "MM_swapImgRestore ()"
onmouseover = "MM_swapImage ('Image1', '', 'shasta1.jpg', 1)"

06 ti 06

Ṣe idanwo Rollover

Shasta rollover aworan apẹẹrẹ. Aworan © 2001-2012 J Kyrnin - aworan ti a fun ni aṣẹ si About.com

Wo aworan aworan rollover ti o ni kikun ati ki o kọ ohun ti o wa lori ero Shasta.