Attēla pagriešana, novietojot to uz leju

Video: Es strādāju privātajā bagāto un slaveno muzejā. Šausmu stāsti. Šausmas.

Saturs

Instrukcijas
Kas jums nepieciešams

Funkcija "onMouseOver" (saukta arī par "hover") ir JavaScript notikums, kas aktivizē darbību lietotāja interfeisā, kad peles kursoru novieto virs objekta. JavaScript galvenokārt tiek izmantots tīmekļa lapās, lai notikums parasti mainītu kaut ko lapā, kurā ir uzrakstīts JavaScript kods. Izmantojot onMouseOver funkciju kopā ar tiešsaistes attēlu rediģēšanas vietnes "pagrieziena" rīku, varat izveidot spin efektu attēlam, kas tiek aktivizēts, kad lietotājs novieto peles kursoru virs attēla.

Instrukcijas

Uzziniet, kā izmantot rīku "onMouseOver" (Michael Blann / Lifesize / Getty Images)

Sāciet savu noklusējuma pārlūkprogrammu un adrešu joslā ierakstiet saiti uz tiešsaistes attēlu rediģēšanas vietni (piemēram, Pixenate, Pixlr vai LunaPic) un nospiediet taustiņu "Enter".
Nosūtiet attēlu, kuru vēlaties pagriezt, noklikšķinot uz saites "Izvēlēties rediģējamo attēlu" vai pogu "Atvērt attēlu no datora". Noklikšķiniet, lai atlasītu attēlu, pēc tam "Atvērt". Lai augšupielādētu failu, noklikšķiniet uz "Augšupielādēt šo attēlu".
Noklikšķiniet uz rīka "Rediģēt" attēla rediģēšanas rīkjoslā vai noklikšķiniet uz "Attēls" un izvēlieties "Pagriezt audeklu". Noklikšķiniet, lai izvēlētos rotācijas pakāpi un iestatījumus, un noklikšķiniet uz "Saglabāt diskā" vai "Fails", pēc tam "Saglabāt". Saglabājiet pagriezto attēlu tajā pašā direktorijā kā sākotnējais attēla fails.
Sāciet noklusējuma HTML redaktoru. Ja jums nav HTML redaktora, noklikšķiniet uz saites "Bezmaksas HTML redaktori" sadaļā Resursi. Izveidojiet jaunu HTML dokumentu.
Noklikšķiniet uz izvēlnes "Fails" un izvēlieties "Saglabāt". Ierakstiet "rotate.html" kā dokumenta nosaukumu un atlasiet mapi, kas satur "image1" un "image2" failus kā saglabāšanas direktoriju. Noklikšķiniet uz "Saglabāt".
Atrodiet ">" un "" tagus jaunajā HTML dokumentā. Noklikšķiniet, lai novietotu peles kursoru starp divām ķermeņa zīmēm un pēc tam nospiediet "Enter", lai izveidotu jaunu līniju.
Tukšajā rindā ierakstiet šādu tekstu, aizstājot tekstu "rotatedimage.gif" ar pagrieztā attēla nosaukumu un tekstu "originalimage.gif" ar sākotnējo attēla nosaukumu:

Nospiediet "Enter", lai izveidotu jaunu līniju.
Ierakstiet šādu:

Nospiediet "Enter".
Tips:

Noklikšķiniet uz izvēlnes "Fails" un izvēlieties "Saglabāt".
Veiciet dubultklikšķi uz faila "rotate.html", lai atvērtu to noklusējuma pārlūkā. Novietojiet peles kursoru virs attēla, lai redzētu spin efektu, un pēc tam pārvietojiet peles kursoru no attēla, lai redzētu, ka tas atgriežas oriģinālā bez rotācijas.