CoffeeCup Image Mapper können Sie mehrere Links (oder Hotspots) an bestimmten Stellen eines Bildes festlegen und sie auf ein Dokument oder eine Website. Erstellen Sie Mouseover-Text, ALT Text, Links und vieles mehr. Unterstützt JPG, PNG und GIF-Bildformate!
Wie funktioniert das? Angenommen, Sie verkaufen Möbel sind mit mehreren Stücken zu gewinnen. Stellen Sie die Elemente in einem Bild. Dann mit den Design-Tools, ziehen eine Umrisslinie zu einem bestimmten Punkt, und weisen Sie eine Website-Adresse zu. Nun, wenn jemand auf einem Möbelstück, werden sie auf der Web-Seite mit ihm für weitere Informationen zugeordnet umgeleitet.
Übernehmen Sie die gleiche Technik auf andere Arten von Bildern wie Karten Corporate Team Fotos, Flussdiagramme, Galerien und vieles mehr. Ziemlich genial oder? :)
Responsive Imagemaps sind freundlich für mobile Benutzer
Mit mehr als 51% der Datenverkehr von mobilen Geräten, ist es wichtig, dass Sie Ihre Image-Maps zu aktualisieren, die auf zu sein. Das macht sie einfacher, schneller und funktioneller, um für die Zuschauer auf kleineren Bildschirmen zu navigieren. Image-Maps, die in Reaktion wird Verbindung einzustellen Koordinaten entsprechend auf dem Display Breite basiert. Allerdings ist eine Sache im Auge zu behalten, dass mobile Geräte nicht für mouseovers oder Tooltips auf schweben / Mouseover ermöglichen. Aus diesem Grund müssen Sie kreativ neu zu überdenken, wie Ihr Bild Karte funktioniert so dass die Nutzer wissen instinktiv, wie man es benutzt.
Wie können Sie das tun? Einfach. Machen Sie Ihre Bild Karte mehrere funktionelle auf mobilen Geräten durch die Anzeige einer "Key" o "Legende" in der Nähe der Karte (oder sogar es um das Bild selbst hinzuzufügen), der darauf hinweist, textlich, was sie berühren. Zum Beispiel, hier ist die Möbelkatalog, der einige Möbel zu verkaufen in der Katalog präsentiert. Wir platzierten Text unter dem Bild, um die 8 Artikel zu beschreiben. Ein zusätzlicher Indikator wurde auch auf das Originalbild angewendet. Diese Hilfsmittel helfen mobilen Zuschauer wissen, was zum Anfassen. Durch Berühren einer dieser Einzelteile, Sie werden auf eine Seite umgeleitet werden, mit dem Sie den Katalog nach ähnlichen Produkten suchen.
Anforderungen :
IE 9 oder höher
Einschränkungen :
Eingeschränkte Funktionalität
Kommentare nicht gefunden