CoffeeCup Image Mapper kunt u meerdere links (of hotspots) op specifieke locaties van een beeld te geven en wijzen ze naar een document of website. Maak mouseover tekst, ALT-tekst, links en meer. Ondersteunt JPG, PNG, GIF en beeldformaten!
Dus hoe werkt het? Laten we zeggen dat je verkoopt meubels met verschillende stukken voor het grijpen. Showcase van de items in een foto. Vervolgens met behulp van het ontwerp gereedschap, teken een schets op een specifiek item en wijs een website-adres aan. Nu wanneer iemand klikt op een meubel, worden ze doorgestuurd naar de webpagina in verband met het voor meer informatie.
Pas dezelfde techniek om andere soorten afbeeldingen, zoals Maps, corporate team foto's, flowcharts, galeries en nog veel meer. Pretty awesome toch? :)
Responsive Afbeelding Kaarten zijn vriendelijk voor mobiele gebruikers
Met meer dan 51% van het verkeer afkomstig van mobiele apparaten, is het belangrijk dat u uw afbeelding kaarten updaten responsief te zijn. Dit maakt ze eenvoudiger, sneller en functioneel te navigeren naar kijkers op kleinere schermen. Image maps die inspelen zal koppeling aan te passen zijn de juiste coördinaten op basis van het scherm breedte. Echter, een ding in gedachten te houden is dat de mobiele apparaten niet toelaten mouseovers of tooltips op hover / mouseover. Vanwege dit, moet je creatief opnieuw na te denken hoe je het plan werkt, zodat gebruikers zullen instinctief weten hoe het te gebruiken.
Hoe kun je dat doen? Gemakkelijk. Maak uw kaartbeeld meer functioneel op mobiele apparaten door het weergeven van een "sleutel" o "Legend" in de buurt van de kaart (of zelfs toe te voegen aan het beeld zelf), die wijst op tekstueel wat ze kunnen aanraken. Bijvoorbeeld, hier is het meubilair catalogus die een aantal meubels vitrines te koop in de catalogus. We plaatsten tekst onder de afbeelding om de 8 items te beschrijven. Een bijkomende indicator werd ook toegepast op de bronafbeelding. Deze hulpmiddelen helpen mobiele kijkers weten wat tastbaar is. Door het aanraken van een van deze items, wordt u omgeleid naar een pagina met waar u de catalogus kunt bladeren voor soortgelijke artikelen.
Eisen
IE 9 of hoger
Beperkingen
Beperkte functionaliteit
Reacties niet gevonden