Kuvat, jotka muuttuvat, jolloin näytetään toinen, kunkohdistinta, joka on sijoitettu sen yläpuolelle, kutsutaan siirtymiskuvina. Ne ovat mahtava tapa esitellä tuotteita tai tehdä sisällöstä interaktiivisempaa kävijöille. Näitä kuvia käytetään laajasti myös markkinointiviesteissä, joissa ne ovat ehkä vähemmän tervetulleita. Kuvat luodaan CSS: llä ja HTML: llä, mutta jos etsit yksinkertaista käyttöliittymään perustuvaa menetelmää niiden luomiseksi, FreshInboxin siirtämistyökalu on mitä tarvitset.
Varmista ennen aloittamista, että sinulla on kaksikuvia, jotka haluat sisällyttää siirtymiskuvaan. Näistä kahdesta kuvasta toinen ilmestyy, kun kohdistinta ei ole sijoitettu sen päälle, kun taas toinen näkyy, kun kohdistin siirtyy kuvaan. Kuvasi voivat olla sekä PNG- että JPG-muodossa. Lataa ne pilviasemalle tai kuvanjakopalveluun, kuten Imgur, ja siirry sitten FreshInboxin Vierittämistyökaluun.
Kirjoita ensisijaisen kuvan URL-osoitteeseenkuva, jonka pitäisi näkyä, kun hiiren kohdistinta ei ole kuvan päällä. Määritä kuvan leveys ja korkeus ja kirjoita vaihtoehtoiseen kuvan URL-osoitteeseen kuvan URL-osoite, joka tulee näkyviin, kun kohdistin asetetaan kuvan päälle.
Kirjoita seuraavaksi uudelleenohjaus-URL-osoite Linkki-kenttään. Jos käyttäjä napsauttaa vierityskuvaa, hänet ohjataan tähän URL-osoitteeseen. Kirjoita ALT-teksti ja napsauta Luo. Näet kuvan esikatselun oikealla puolella ja saat koodit kuvan lisäämiseksi verkkosivustollesi tai sähköpostiisi.
Ota kuva käyttöön, jos haluat kuvan reagoivanSkaalaa kuva säiliön leveyteen -vaihtoehto, mutta tee se vain, jos osaat työskennellä säilöiden kanssa. Jätä vaihtoehto valittuna normaalille siirtymiskuvalle. Jos haluat lisätä sen sähköpostiin tai verkkosivulle, kopioi koodi ja liitä se merkinnän sisäpuolelle, johon se on tarkoitettu, ts. Otsikon sähköposti ja runko verkkosivulle. Se on kaikki mitä tarvitaan kuvan vaihtamiseen.
Käy FreshInboxin siirtymistyökalulla
Kommentit