CoffeeCup Image Mapper vă permite să specificați mai multe link-uri (sau hotspot-uri) la anumite locații ale unei imagini și le indica un document sau site-ul. Creați un text mouseover, text ALT, link-uri și mai mult. Suporta JPG, PNG, GIF și formate de imagine!
Deci, cum funcționează? Să presupunem că sunteți de vânzare de mobilier cu mai multe piese pentru bătaie. Showcase elementele din o imagine. Apoi, folosind instrumente de proiectare, trage un contur pe un anumit element și să alocați o adresa site-ului pentru ao. Acum, când cineva face clic pe o piesă de mobilier, care sunt redirecționate către pagina web asociate cu acesta pentru mai multe informații.
Aplica aceeasi tehnica la alte tipuri de imagini, cum ar fi Hărți, fotografii corporate, echipa scheme logice, galerii de artă și mai mult. Chiar destul de minunat? :)
Hărți Responsive fotografie sunt prietenos pentru utilizatorii mobili
Cu peste 51% din traficul care vine de la dispozitive mobile, este important să vă actualizați hărțile de imagine pentru a fi receptiv. Acest lucru le face mai ușor, mai rapid, și mai funcțional pentru a naviga pentru telespectatorii pe ecrane mai mici. Hărți fotografie care sunt receptive va ajusta link coordonatele bazat în mod corespunzător de lățimea de afișare. Cu toate acestea, un lucru de a păstra în minte este că dispozitivele mobile nu permit mouseovers sau ponturile pe hover / mouseover. Din acest motiv, va trebui să re-creativ cred modul în care funcționează harta imagine, astfel încât utilizatorii vor ști instinctiv cum să-l folosească.
Cum poti sa faci asta? Uşor. Face harta imagine mai funcțională pe dispozitive mobile prin afișarea unui "Key" O "Legenda" în apropierea hartă (sau chiar adăuga la imaginea în sine), care subliniază textual ce pot atinge pe. De exemplu, aici este catalogul de mobilier care prezintă unele mobilier de vanzare in catalog. Am pus text de mai jos imaginea pentru a descrie elementele 8. Un indicator suplimentar a fost, de asemenea, aplicat la imaginea sursă. Aceste ajutoare ajuta telespectatorii mobile știu ce este tangibil. Atingând oricare dintre aceste elemente, va fi re-direcționat către o pagină cu unde aveți posibilitatea să răsfoiți catalogul de produse similare.
Cerințe :
IE 9 sau mai mare
Limitări :
funcționalitate limitată
Comentariile nu a fost găsit