Pildi pööramine selle ümber

Autor: Tamara Smith
Loomise Kuupäev: 26 Jaanuar 2021
Värskenduse Kuupäev: 25 Detsember 2024
Anonim
Pildi pööramine selle ümber - Artiklid
Pildi pööramine selle ümber - Artiklid

Sisu

Funktsioon "onMouseOver" (nimetatakse ka "hover") on JavaScript sündmus, mis käivitab kasutajaliideses toimingu, kui hiirekursor asetatakse objekti peale. JavaScripti kasutatakse enamasti veebilehtedel, nii et sündmus muudab midagi sellel lehel, kus JavaScript-kood on kirjutatud. Kasutades onMouseOver funktsiooni koos veebipildi redigeerimise veebisaidi "pööramise" tööriistaga, saate luua spin-efekti pildile, mis käivitub siis, kui kasutaja asetab hiirekursori pildile.


Juhised

Lugege, kuidas kasutada "onMouseOver" tööriista (Michael Blann / Lifesize / Getty Images)

  1. Käivitage oma vaikebrauser ja tippige aadressiribale link veebipildi redigeerimise saidile (nt Pixenate, Pixlr või LunaPic) ja vajutage klahvi "Enter".

  2. Saada pilt, mida soovite pöörata, klõpsates lingile "Vali oma pilt, mida soovite muuta" või "Ava pilt arvutist". Klõpsake pildi valimiseks, seejärel "Open". Faili üleslaadimiseks klõpsake "Laadi see pilt üles".

  3. Klõpsake pilditöötluse tööriistaribal tööriista "Pööra" või klõpsake "Pilt" ja valige "Pööra lõuendit". Klõpsa, et valida pöörlemissagedus ja seaded ning vajuta "Salvesta kettale" või "Fail", seejärel "Salvesta". Salvestage pööratud pilt algse pildifailiga samas kataloogis.


  4. Käivitage vaikimisi HTML-redaktor. Kui sul ei ole HTML-redaktorit, klõpsake jaotises Resources (Ressursid) linki "Free HTML Editors". Looge uus HTML-dokument.

  5. Klõpsake menüü "Fail" ja valige "Salvesta". Tippige dokumendi nimeks "rotate.html" ja valige kaust, mis sisaldab "image1" ja "image2" faile salvestuskausta. Klõpsake "Salvesta".

  6. Leidke ">" ja "" sildid uues HTML-dokumendis. Klõpsa, et asetada hiirekursor kahe kehamärgi vahele, ja seejärel vajutage "Enter" uue rea loomiseks.

  7. Tühja reale tippige järgmine tekst, asendades teksti "rotatedimage.gif" pööratava pildi nimega ja algse pildinimega tekstiga "originalimage.gif":

    Uue rea loomiseks vajutage "Enter".

  8. Sisestage järgmine:


    Vajutage "Enter".

  9. Tüüp:

    Klõpsake menüü "Fail" ja valige "Salvesta".

  10. Topeltklõpsake faili "rotate.html", et avada see vaikebrauseris. Pöörake efekti nägemiseks hiirekursor üle pildi ja seejärel liigutage hiirekursorit pildist välja, et näha, et see pöördub tagasi ilma originaali.

Mida sa vajad

  • Arvuti
  • Interneti-ühendus