| Ausführung | 5.0 |
|---|---|
| Herausgeber | CoffeeCup Software |
| Veröffentlichungsdatum | 15.10.2015 |
| Datum hinzugefügt | 15.10.2015 |
| Os Anforderungen | Windows 10, Windows 8, Windows Vista, Windows, Windows 7 |
| Bedarf | IE 9 or higher |
| Downloads insgesamt | 328 |
| Downloads pro Woche | 2 |
| Preis | Free to try |
Beschreibung
Mit CoffeeCup Image Mapper können Sie mehrere Links (oder Hotspots) zu bestimmten Stellen eines Bildes angeben und sie auf ein Dokument oder eine Website verweisen. Erstellen Sie Mouseover-Text, ALT-Text, Links und mehr. Unterstützt JPG-, PNG- und GIF-Bildformate!
Wie funktioniert es? Angenommen, Sie verkaufen Möbel mit mehreren Stücken, die zu haben sind. Präsentieren Sie die Artikel in einem Bild. Zeichnen Sie dann mit den Design-Tools einen Umriss auf ein bestimmtes Objekt und weisen Sie ihm eine Website-Adresse zu. Wenn jemand jetzt auf ein Möbelstück klickt, wird er für weitere Informationen auf die zugehörige Webseite weitergeleitet.
Wenden Sie die gleiche Technik auf andere Arten von Bildern wie Karten, Fotos von Firmenteams, Flussdiagramme, Kunstgalerien und mehr an. Ziemlich toll, oder? :)
Responsive Image Maps sind freundlich für mobile Benutzer
Da über 51 % des Datenverkehrs von Mobilgeräten stammen, ist es wichtig, dass Sie Ihre Imagemaps aktualisieren, damit sie reaktionsschnell sind. Dadurch wird die Navigation für Betrachter auf kleineren Bildschirmen einfacher, schneller und funktionaler.
Responsive Imagemaps passen die Linkkoordinaten entsprechend der Anzeigebreite an. Beachten Sie jedoch, dass mobile Geräte keine Mouseovers oder Tooltips beim Hover/Mouseover zulassen. Aus diesem Grund müssen Sie die Funktionsweise Ihrer Imagemap kreativ überdenken, damit die Benutzer instinktiv wissen, wie sie zu verwenden ist.
Wie können Sie das tun? Einfach. Gestalten Sie Ihre Imagemap auf Mobilgeräten funktionaler, indem Sie einen „Schlüssel“ oder eine „Legende“ neben der Karte anzeigen (oder sogar dem Bild selbst hinzufügen), der textlich darauf hinweist, was sie berühren können. Hier ist zum Beispiel der Möbelkatalog, der einige im Katalog zum Verkauf stehende Möbel zeigt. Wir haben Text unter dem Bild platziert, um die 8 Elemente zu beschreiben. Ein zusätzlicher Indikator wurde auch auf das Quellbild angewendet. Diese Hilfen helfen mobilen Zuschauern zu wissen, was berührbar ist. Durch Berühren eines dieser Artikel werden Sie zu einer Seite weitergeleitet, auf der Sie den Katalog nach ähnlichen Artikeln durchsuchen können.
