CoffeeCup Image Mapper kan du angive flere links (eller hotspots) til bestemte steder i et billede og henvise dem til et dokument eller et websted. Opret mouseover tekst, ALT tekst, links og meget mere. Understøtter JPG, PNG, og GIF billedformater!
Så hvordan fungerer det? Lad os sige, du sælger møbler med flere stykker på højkant. Fremvise de elementer i et billede. Så ved hjælp af design værktøjer, tegne en skitse om et bestemt punkt, og tildele en hjemmeside-adresse til det. Nu når nogen klikker på et møbel, er de omdirigeret til den webside er forbundet med det for mere information.
Anvend den samme teknik til andre typer af billeder som Maps, corporate hold fotos, flowdiagrammer, kunstgallerier og meget mere. Temmelig awesome ret? :)
Kort Responsive billede er venlige til mobile brugere
Med over 51% af trafikken kommer fra mobile enheder, er det vigtigt, at du opdaterer dine grafikobjekter til at være lydhør. Det gør dem lettere, hurtigere og mere funktionel at navigere for seere på mindre skærme. Image-kort, der er lydhør justerer link koordinater passende baseret på displayet bredde. Én ting at huske på er, at mobile enheder ikke tillader mouseovers eller værktøjsvink på hover / mouseover. På grund af dette, skal du kreativt nytænke, hvordan dit billede kort virker så brugere vil instinktivt vide, hvordan man bruger det.
Hvordan kan du gøre det? Let. Lav dit billede kort mere funktionelt på mobile enheder ved at vise en "nøgle" o "Legend" nær kortet (eller endda tilføje det til selve billedet), som påpeger tekstuelt, hvad de kan komme ind på. For eksempel, her er møblerne katalog, der viser nogle møbler til salg i kataloget. Vi placerede tekst under billedet til at beskrive de 8 varer. En yderligere indikator blev også anvendt på kildebilledet. Denne støtte hjælper mobile seere vide, hvad der er touchable. Ved at røre nogen af disse elementer, vil du blive omdirigeret til en side med, hvor du kan gennemse kataloget efter lignende emner.
Krav :
IE 9 eller højere
Begrænsninger :
Begrænset funktionalitet
Kommentarer ikke fundet