![]() An additional indicator was also applied to the source image. We placed text below the image to describe the 8 items. For example, here is the furniture catalog that showcases some furniture for sale in the catalog. Make your image map more functional on mobile devices by displaying a "Key" o"Legend" near the map (or even add it to the image itself) which points out textually what they can touch on. ![]() Because of this, you will need to creatively re-think how your image map works so users will instinctively know how to use it. ![]() However, one thing to keep in mind is that mobile devices do not allow for mouseovers or tooltips on hover/mouseover. Image maps that are responsive will adjust link coordinates appropriately based on the display width. This makes them easier, faster, and more functional to navigate for viewers on smaller screens. With over 51% of traffic coming from mobile devices, it's important that you update your image maps to be responsive. Responsive Image Maps are Friendly for Mobile Users Now when someone clicks on a piece of furniture, they are redirected to the web page associated with it for more information.Īpply the same technique to other types of images like Maps, corporate team photos, flowcharts, art galleries and more. Then using the design tools, draw an outline on a specific item and assign a website address to it. So how does it work? Let's say you're selling furniture with several pieces up for grabs. Supports JPG, PNG, and GIF image formats! Create mouseover text, ALT text, links and more. CoffeeCup Image Mapper allows you to specify multiple links (or hotspots) to specific locations of an image and point them to a document or website.
0 Comments
Leave a Reply. |