CoffeeCup Image Mapper permite que você especificar vários links (ou hotspots) para localizações específicas de uma imagem e apontá-los para um documento ou site. Criar texto mouseover, texto alternativo, links e muito mais. Suporta JPG, PNG, GIF e formatos de imagem!
Então, como é que funciona? Vamos dizer que você está vendendo móveis com várias peças para ganhar. Apresente os itens em uma imagem. Em seguida, usando as ferramentas de projeto, desenhar um esboço sobre um item específico e atribuir um endereço do site a ele. Agora, quando alguém clica em uma peça de mobiliário, eles são redirecionados para a página da web associada com ele para obter mais informações.
Aplicar a mesma técnica para outros tipos de imagens, como mapas, fotos da equipe corporativa, fluxogramas, galerias de arte e muito mais. Direito bastante impressionante? :)
Os mapas de imagem são Responsive amigável para usuários móveis
Com mais de 51% do tráfego proveniente de dispositivos móveis, é importante que você atualize seus mapas de imagem para ser responsivo. Isso os torna mais fácil, mais rápido e mais funcional para navegar para os telespectadores em telas menores. Mapas de imagem que respondam irá ajustar ligação coordenadas de forma adequada com base na largura de exibição. No entanto, uma coisa a ter em mente é que os dispositivos móveis não permitem mouseovers ou dicas sobre pairo / mouseover. Devido a isso, você vai precisar para criativamente re-pensar como seu mapa de imagem funciona para que os usuários vão instintivamente sabem como usá-lo.
Como você pode fazer isso? Fácil. Faça seu mapa de imagem mais funcional em dispositivos móveis, exibindo um "Key" o "Legend" perto do mapa (ou mesmo adicioná-lo à própria imagem), que assinala textualmente o que eles podem tocar em. Por exemplo, aqui é o catálogo de móveis que mostra alguns móveis à venda no catálogo. Colocámos texto abaixo da imagem para descrever os 8 itens. Um indicador adicional foi também aplicado à imagem fonte. Estas ajudas ajudar os telespectadores móveis saber o que é palpável. Ao tocar em qualquer um desses itens, você será redirecionado para uma página com o local onde você pode navegar pelo catálogo de itens semelhantes.
Requisitos :
IE 9 ou superior
Limitações :
A funcionalidade limitada
Comentários não encontrado